ios 底部用定位 fixed。在软件盘出来后,页面元素被顶上去一部分,fixed定位的footer也跑到了上面去。解决方法
Posted 盖大楼
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ios 底部用定位 fixed。在软件盘出来后,页面元素被顶上去一部分,fixed定位的footer也跑到了上面去。解决方法相关的知识,希望对你有一定的参考价值。
ios 底部用定位 fixed。在软件盘出来后,页面元素被顶上去一部分,fixed定位的footer也跑到了上面去。解决方法
$("input").focus(function(){ $(‘.footerssss‘).css({ ‘position‘:‘absolute‘ }) }) $("input").blur(function(){ $(‘.footerssss‘).css({ ‘position‘:‘fixed‘ }) setTimeout(function() { var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0; window.scrollTo(0, Math.max(scrollHeight - 1, 0)); }, 300); })
思路:
input或者textarea 在用户获取焦点的时候,底部定位的元素 fixed变为absolute,
在input失去焦点的时候,底部定位元素 再变成 fixed。再让页面滚动一下,让顶上去的一部分元素,回来。
以上是关于ios 底部用定位 fixed。在软件盘出来后,页面元素被顶上去一部分,fixed定位的footer也跑到了上面去。解决方法的主要内容,如果未能解决你的问题,请参考以下文章
input(移动端iOS)输入内容时调用软件盘后页面底部留白问题