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

键盘弹出后,整个页面上移,原先固定在顶部,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';
   };

你可能感兴趣的:(开发感悟)