收藏
回答

movable-area导致下面的内容无法点击怎么解决


页面上要放一个拨打客服电话的可拖动图标,但是可拖动区域会导致页面内容被遮盖,怎么解决

movable-area {

   position: fixed;

   top: 0;

   left: 0;

   width: 100%;

   height: 100%;

}

movable-view {

   position: absolute;

   top: auto;

   left: auto;

   bottom: 20rpx;

   right: 20rpx;

   width: 98rpx;

   height: 98rpx;

}


最后一次编辑于  2017-11-09
回答关注问题邀请回答
收藏

6 个回答

  • 漫无止境
    漫无止境
    2017-11-29

    给movable-area加上pointer-events: none,给movable-view加上pointer-events: auto。同事告诉我的,好使。

    2017-11-29
    有用 11
    回复 12
    • 夏军
      夏军
      2018-07-24

      多谢大佬

      2018-07-24
      2
      回复
    • ^O^
      ^O^
      2019-11-28
      我特意登上这个号感谢您,太谢谢了。
      2019-11-28
      回复
    • 春暖花开
      春暖花开
      2020-03-09
      超感谢!👍👍👍
      2020-03-09
      回复
    •   时倾  
       时倾 
      2020-09-08
      大佬厉害了
      2020-09-08
      回复
    • 
      2021-01-12
      特意微信登录,感谢大佬
      2021-01-12
      回复
    查看更多(7)
  • 付坤阳😶
    付坤阳😶
    2020-09-15

    特意登录来感谢3l

    2020-09-15
    有用
    回复
  • doamny
    doamny
    2020-09-10

    我不得不登录账号说声谢谢,

    2020-09-10
    有用
    回复
  • 老马水手
    老马水手
    2018-04-21

    不行啊, 下面的 view 点击事件 全被 覆盖!

    2018-04-21
    有用
    回复 1
    • Flipped人心、
      Flipped人心、
      2020-10-14
      我的也不行,后来解决了吗
      2020-10-14
      回复
  • 端
    2017-12-13

    同谢3楼

    2017-12-13
    有用
    回复
  • kami
    kami
    2017-11-29

    多谢3L

    2017-11-29
    有用
    回复
登录 后发表内容