收藏
回答

有弹出层时(弹出层有滚动条),怎样禁止页面的滚动条

页面有弹出层时(弹出层有滚动条)滑动弹出层上的滚动条,滚动到底部或顶部的时候,遮罩层后的页面也跟着一起动了,怎样才能在弹出层出现时,禁止页面的滚动条?

看网上说用

catchtouchmove="preventdefault"

或者

capture-catch:touchmove="preventdefault"

试了,还是不行,求指教!



最后一次编辑于  2018-03-01  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

3 个回答

  • 明月清风
    明月清风
    2018-03-02

    需要设置样式。弹出层弹出的时候,有滚动条的那个节点添加 style="overflow:hidden;"的属性就可以了。

    2018-03-02
    赞同 1
    回复 2
    • 冬林
      冬林
      2018-08-16

      thanks, 确实有用,

      2018-08-16
      回复
    • 樸。
      樸。
      2018-09-20

      P话。

      2018-09-20
      回复
  • 明月清风
    明月清风
    2018-03-15

    或者底部有滚动条的页面,当弹出层的时候,层下面的那个页面的根节点增加class="fullscreen"样式,

    .fullscreen{

    position:fixed;

    top:0;

    right:0;

    bottom:0;

        left:0;

        width:100%;

        height:100%;

    }

    2018-03-15
    赞同
    回复 3
    • Kyrene
      Kyrene
      2018-06-01

      这样页面会滚动回顶部的!

      2018-06-01
      回复
    • 明月清风
      明月清风
      2018-06-01

      不会,这样是设置到背景层下面的页面为不滚动,弹出框里面的内容滚动就和下面的没有关系了。

      2018-06-01
      回复
    • 啊展
      啊展
      2018-07-03回复明月清风

      我试了下,一旦fixed以后确实会使下层的页面滚动到顶部

      2018-07-03
      回复
  • Lynn
    Lynn
    2018-03-13

    同遇到~

    2018-03-13
    赞同
    回复