首页 > 手机浏览器如何禁止外部页面滚动,而允许部分内容滚动

手机浏览器如何禁止外部页面滚动,而允许部分内容滚动

在图中,如何做到,允许弹出的下拉菜单滚动,但是禁止外部的页面的滚动。

同时,导航条使用了position:fixed定位,但是当快速拖动页面时,会有时出现页面把本应固定在底部,以及顶部的导航条,一起带着拖动了,然后又闪烁回其定位的位置。

这两种情况,该如何解决。求大神指点


有弹出层的时候,可以给底层,例如body用fixed定位,height100%,overflow,hidden。等弹出关了再去掉。


这个禁止有点麻烦,你可能在模拟器下是有效果,但在真机下无效。虽然有一些方法,但是都不完美。移动端的固定定位一般使用绝对定位模拟,移动端禁止touchstart的默认行为,这样就不能滚动了。

【热门文章】
【热门文章】