87,995
社区成员
发帖
与我相关
我的任务
分享微信java开发 微信页面穿透事件怎么解决？
页面结构如下
<body>
<div>列表</div>
<div>覆盖层</div>
</body>
这个功能类似于微信朋友圈
列表 相当于发的每个动态
覆盖层 相当于 点击图片显示的覆盖层。
我现在的问题在上下拖动图片的时候，列表层也会上下滚动，感觉像是穿透覆盖层了，之前以为是层级的原因，我把覆盖层设置成z-index:999；也没有用。有大神遇到过这个问题吗？该怎么解决？
<body>
<div>列表</div>
<div>覆盖层</div>
</body>
这个功能类似于微信朋友圈
列表 相当于发的每个动态
覆盖层 相当于 点击图片显示的覆盖层。
我现在的问题在上下拖动图片的时候，列表层也会上下滚动，感觉像是穿透覆盖层了，之前以为是层级的原因，我把覆盖层设置成z-index:999；也没有用。有大神遇到过这个问题吗？该怎么解决？
...全文
请发表友善的回复…
发表回复
clark_kidd 2018-06-17
- 打赏
- 举报
阻止冒泡应该可以解决。
关于事件的触发和冒泡，网上很多，比如 https://www.cnblogs.com/moqing/p/5590216.html
简单说，捕获event是从父节点/上层往下的顺序捕获，触发事件代码的执行回调函数，是由下往上（“冒泡”形象的描述了水泡从水里是从下而上的顺序浮出水面的），直到泡泡到了某一个控件时，你阻止它继续往上冒泡。event.stopPropagation(); 可能是解决这个问题的关键函数
Logerlink 2018-06-13
- 打赏
- 举报
覆盖层有position定位吗？
z-index没有position是不起作用的
