JQ实现的放大镜大图因遮罩出现一闪一闪不显示问题
最近接收一个JQ的老项目有一个放大镜功能,看代码的时候发现是之前有人写过封装只是被注释掉了,以为就轻松了,这个需求简简单单实现了,然后测试时发现,随着鼠标滑动,大图一闪一闪的停下鼠标会有消失现象。
经排查发现是遮罩层的影响,去掉遮罩层就不会有问题,加上就闪烁
解决方法,给遮罩层的代码加上css3属性pointer-events: none;
pointer-events属性
- 阻止用户的点击动作产生任何效果
- 阻止缺省鼠标指针的显示
- 阻止CSS里的hover和active状态的变化触发事件
- 阻止JavaScript点击动作触发的事件