javascript - 手机浏览器如何禁止外部页面滚动,而允许部分内容滚动
黄舟
黄舟 2017-04-11 12:26:23
0
2
413

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

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

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

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

reply all (2)
巴扎黑

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

    Ty80

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

      Latest Downloads
      More>
      Web Effects
      Website Source Code
      Website Materials
      Front End Template
      About us Disclaimer Sitemap
      php.cn:Public welfare online PHP training,Help PHP learners grow quickly!