- 解决思路:给子节点加个遮罩层。
- 代码片段:https://developers.weixin.qq.com/s/Zlpl6wmq7TsZ
- 效果图:
- 后续规划:使用事件委托是为了提升性能,目前GC(垃圾回收)的资料还没看完,后面应该会出一篇对比:长列表使用事件委托前后性能对比,敬请期待。
- 核心代码
/* item-mask 用层级遮盖,使事件委托获取dataset */
.item-mask {
position: relative;
}
.item-mask::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
}