IOS下软键盘弹出时，H5页面上方的固定区域被顶上去的解决办法(js)

最新推荐文章于 2024-05-27 16:28:47 发布

soband_xiang

最新推荐文章于 2024-05-27 16:28:47 发布

阅读量5k

点赞数 2

分类专栏：开发感悟文章标签： javascript html5 ios

本文链接：https://blog.youkuaiyun.com/soband_xiang/article/details/105121582

版权

开发感悟专栏收录该内容

20 篇文章

订阅专栏

键盘弹出后，整个页面上移，原先固定在顶部，position=fixed的div，不见了。原来这时候div的fixed的效果变成了absolute效果。键盘弹出时，会触发body的scroll事件。这时候只要得到页面整体滚动的距离，把div的top设置为这个距离就可以了

$(window).on('scroll', function () {
//在IOS下document.body.scrollTop 一直为0，要用document.documentElement.scrollTop
   var scrollTop = document.documentElement.scrollTop ||        document.body.scrollTop; 
   divTop.style.top = scrollTop  + 'px';
   };