手机端div设置overflow-y:scroll时怎么阻止body页面的滚动?


图片描述

例如滚动白色弹出层时到底部时继续滚动就会使背景也滚动,怎么阻止比较好?

css3 前端 javascriopt html5 手机端

河原木志穂 9 years, 10 months ago

对局部需要滚动条的元素,尝试使用这个css属性:


 -webkit-overflow-scrolling: touch;

我之前解决类似的问题时参考过这篇文章: http://weblog.west-wind.com/posts/2013/Jun/01/Smoothing-out-div-scroll...

喵了个咪滴 answered 9 years, 10 months ago

将不需要滚动的部分使用fixed定位,滚动的地方使用absolute定位;实现内部滚动

无敌大菠萝 answered 9 years, 10 months ago

暴力式:


 css


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

祝福皮耶鲁 answered 9 years, 10 months ago

Your Answer