移动端叠层滑动问题

来源:互联网 发布:java装饰模式和注解 编辑:程序博客网 时间:2024/05/21 01:30

满足需求:

1、页面列表可滑动

2、弹出弹框后页面列表禁止滑动。。弹框内容可滑动

3、关闭弹框后 页面列表恢复滑动

.cls{position:fixed}

var scrollTop;//允许滑动:document.body.classList.remove(‘cls’);  document.scrollingElement.scrollTop = scrollTop;//禁止滑动:scrollTop = document.scrollingElement.scrollTop;document.body.classList.add(‘cls’);Document.body.style.top = -scrollTop + ‘px’;