movable-area导致下面的内容无法点击怎么解决
发布于 7 年前 作者 gang91 13592 次浏览 来自 问答

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

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;

}

4 回复

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

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

回到顶部