扫码关注官方订阅号
当点击按钮之后,滑动弹窗,遮罩层以下的页面也会移动,这让体验很不好。请问各位有什么比较好的方法?
光阴似箭催人老,日月如移越少年。
题主作答: 见到这个问题的时候,我想的是既然要禁止页面滚动,那就禁止touchmove的默认行为,所以想到的都是preventDefault(),然后阻止冒泡。但是这方法绑定与解绑都比较麻烦,而且后来弹窗里面又出现了滚动条,前面禁止touchweb的默认行为之后,弹窗里的滚动条就不能滚了。这就over。。。 后来我想,既然页面不能滚动,就让页面fixed住,然后在点击事件触发的时候获取window的offsetTop,然后设置成负值赋给页面元素(反正我觉得复制给body也可以。。。)。弹窗消失的时候再恢复就行了。 其实很多时候都要思路广阔一点,一直在想怎么使用preventDefault来做,就一直失败。。希望能帮到大家。
点击事件里加上$("body,html").css({"overflow":"hidden"}); 关闭时恢复
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
扫描下载App
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
题主作答:
见到这个问题的时候,我想的是既然要禁止页面滚动,那就禁止touchmove的默认行为,所以想到的都是preventDefault(),然后阻止冒泡。但是这方法绑定与解绑都比较麻烦,而且后来弹窗里面又出现了滚动条,前面禁止touchweb的默认行为之后,弹窗里的滚动条就不能滚了。这就over。。。
后来我想,既然页面不能滚动,就让页面fixed住,然后在点击事件触发的时候获取window的offsetTop,然后设置成负值赋给页面元素(反正我觉得复制给body也可以。。。)。弹窗消失的时候再恢复就行了。
其实很多时候都要思路广阔一点,一直在想怎么使用preventDefault来做,就一直失败。。希望能帮到大家。
点击事件里加上$("body,html").css({"overflow":"hidden"});
关闭时恢复