微信java开发微信页面穿透事件怎么解决？

解落三秋叶丶 2018-06-12 05:29:58

页面结构如下
<body>
<div>列表</div>
<div>覆盖层</div>
</body>

这个功能类似于微信朋友圈
列表相当于发的每个动态
覆盖层相当于点击图片显示的覆盖层。

我现在的问题在上下拖动图片的时候，列表层也会上下滚动，感觉像是穿透覆盖层了，之前以为是层级的原因，我把覆盖层设置成z-index:999；也没有用。有大神遇到过这个问题吗？该怎么解决？

...全文

940 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

clark_kidd 2018-06-17

打赏
举报

阻止冒泡应该可以解决。关于事件的触发和冒泡，网上很多，比如 https://www.cnblogs.com/moqing/p/5590216.html 简单说，捕获event是从父节点/上层往下的顺序捕获，触发事件代码的执行回调函数，是由下往上（“冒泡”形象的描述了水泡从水里是从下而上的顺序浮出水面的），直到泡泡到了某一个控件时，你阻止它继续往上冒泡。event.stopPropagation(); 可能是解决这个问题的关键函数