广告位
禁止body滚动|移动端滚动穿透问题
作者: 分类:前端开发浏览(2,811)2018-2-7

定义:移动端弹出fixed弹窗的话,在弹窗上滑动会导致下层的页面跟着滚动,这个叫 “滚动穿透”

解决方法:

function fixedBody(){
   var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
   document.body.style.cssText += 'position:fixed;top:-'+scrollTop+'px;';
}


function looseBody() {
   var body = document.body;
   body.style.position = '';
   var top = body.style.top;
   document.body.scrollTop = document.documentElement.scrollTop = -parseInt(top);
   body.style.top = '';
}
图片压缩在线工具 tools online