Javascript 使用css滚动捕捉，如何使视图中的图像不模糊（不太不透明）？

正文{
溢出y：隐藏；
}
.幻灯片{
滚动捕捉类型：x必填；
-webkit溢出滚动：触摸；
显示器：flex；
溢出-x：滚动；
}
部分{
高度：100vh；
最小宽度：80vw；
显示器：flex；
对齐项目：居中；
证明内容：中心；
背景重复：无重复；
背景尺寸：封面；
滚动捕捉对齐：开始；
}
.第1节{
背景颜色：蓝色；
}
.第2节{
背景颜色：黄色；
}
.第3节{
背景颜色：绿色；
}
.第4节{
背景颜色：橙色；
}

向右滚动查看它的运行情况
这个和那个
帮助
请

答案是在滚动容器上使用事件侦听器。根据滚动容器的leftscroll值，我们可以将图像容器（包装放置在滚动容器内的图像）的不透明度样式设置为较低的值（模糊）或设置为1（可见）

---

React中使用REF使滚动容器和图像容器的操作更加简单。

答案是在滚动容器上使用事件侦听器。根据滚动容器的leftscroll值，我们可以将图像容器（包装放置在滚动容器内的图像）的不透明度样式设置为较低的值（模糊）或设置为1（可见）

---

React中使用REF使滚动容器和图像容器的操作更加简单。

我没有检查是否有任何关于它的讨论，但我想知道哪个元素是当前“捕捉区域”的选择器会陷入陷阱。我没有检查是否有任何关于它的讨论，但我想知道当前“捕捉区域”是哪个元素的选择器会陷入陷阱。