Javascript 滚动时如何悬停？

此代码将在指针移动时悬停，但在滚动必须加入的代码行时需要悬停。滚动页面时，必须隐藏悬停

.col-sm-6{
最小高度：500px；
背景：浅灰色；
文本对齐：居中；
}
.图像包裹{
显示：内联块；
最大宽度：100%；
位置：相对位置；
}
.图像包裹。覆盖{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
颜色：白色；
不透明度：1；
过渡：不透明度。5s缓解；
}
.图像换行：悬停.覆盖{
不透明度：0；
}
瑞德先生{
背景：rgba（0,0,6,0.7）；
}

您可以通过添加/删除具有

指针事件：none的类来实现这一点，在这样滚动时：


var body=document.body，
定时器；
window.addEventListener（'scroll'，函数（）{
清除超时（计时器）；
如果（！body.classList.contains（'disable-hover'））{
body.classList.add（'disable-hover'）；
}
定时器=设置超时（函数（）{
body.classList.remove（'disable-hover'）；
}, 500);
}，假）
.col-sm-6{
最小高度：500px；
背景：浅灰色；
文本对齐：居中；
}
.图像包裹{
显示：内联块；
最大宽度：100%；
位置：相对位置；
}
.图像包裹。覆盖{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
颜色：白色；
不透明度：1；
过渡：不透明度。5s缓解；
}
.图像换行：悬停.覆盖{
不透明度：0；
}
瑞德先生{
背景：rgba（0,0,6,0.7）；
}
.禁用悬停，
.禁用悬停*{
指针事件：无！重要；
}
您可以通过添加/删除具有
指针事件：none的类来实现这一点，在这样滚动时：


var body=document.body，
定时器；
window.addEventListener（'scroll'，函数（）{
清除超时（计时器）；
如果（！body.classList.contains（'disable-hover'））{
body.classList.add（'disable-hover'）；
}
定时器=设置超时（函数（）{
body.classList.remove（'disable-hover'）；
}, 500);
}，假）
.col-sm-6{
最小高度：500px；
背景：浅灰色；
文本对齐：居中；
}
.图像包裹{
显示：内联块；
最大宽度：100%；
位置：相对位置；
}
.图像包裹。覆盖{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
颜色：白色；
不透明度：1；
过渡：不透明度。5s缓解；
}
.图像换行：悬停.覆盖{
不透明度：0；
}
瑞德先生{
背景：rgba（0,0,6,0.7）；
}
.禁用悬停，
.禁用悬停*{
指针事件：无！重要；
}