页面结构如下
<body>
<div>列表</div>
<div>覆盖层</div>
</body>这个功能类似于微信朋友圈
列表 相当于发的每个动态
覆盖层 相当于 点击图片显示的覆盖层。我现在的问题在上下拖动图片的时候,列表层也会上下滚动,感觉像是穿透覆盖层了,之前以为是层级的原因,我把覆盖层设置成z-index:999;也没有用。有大神遇到过这个问题吗?该怎么解决?

解决方案 »

  1.   

    覆盖层有position定位吗?
    z-index没有position是不起作用的
      

  2.   

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