最近在做移动端H5页面,遇到了一个头疼的问题——滚动穿透(click-through)。有时候在弹出层上滑动页面会触发背后的页面滚动,真是蛋疼。
解决方法找到了,就是给弹出层加个
希望这个技巧能帮到大家,别再被滚动穿透困扰啦!
解决方法找到了,就是给弹出层加个
pointer-events: none;样式。这样弹出层上的点击事件就不会传递到背后的元素了。不过得注意的是,这个样式在iOS上表现可能稍微有点延迟,要多测试几遍才行。希望这个技巧能帮到大家,别再被滚动穿透困扰啦!
登录/注册