javascript - 还是移动端弹出层滚动问题(body禁止滚动)
伊谢尔伦
伊谢尔伦 2017-04-10 15:40:07
[JavaScript讨论组]

最近很多移动端开发者都遇到了这个问题

当然我也遇到了

如图:在移动端弹出层在下拉(拉到顶不能再下拉)的时候,下拉事件会传递到了body(如遮罩下面body内容被下拉了)

.alpha {
    height: 100%;
    overflow: hidden;
    position: relative;
}

.alpha body {
    height: 100%;
    overflow: hidden;
}

$('html').toggleClass('alpha');

以上方法position:fixed 的时候可以做成不能拉的假象,下拉事件还是传递的body了

会造成弹出层不能滚动的假象,所以不行!!!!!

给body 去掉默认滚动事件

e.preventDefault();

禁止了滚动 , 当然 弹出层也不能滚动了

但怎么给弹出层加上滚动事件?

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(0)
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号