Javascript 如何在垂直页面滚动上水平设置图像动画

当用户向下滚动时，我使用JS在页面部分之间水平移动图像。我的方法是将它们的

左边距

设置为

窗口。滚动

。然而，这意味着当第二图像被激活时，它会赶上第一图像的水平位置。我希望每个滑块图像都是独立的，这样每个滑块图像都会以不同的速度从页面右侧流出，相对于它们在页面上的顺序。有谁能给我一个如何思考这个问题的建议吗

//此代码段控制函数运行的频率，这样它就不会运行太多次
函数反盎司（func，wait=2，immediate=true）{
var超时；
返回函数（）{
var context=this，
args=参数；
var later=function（）{
超时=空；
如果（！immediate）函数应用（上下文，参数）；
};
var callNow=立即&&！超时；
clearTimeout（超时）；
超时=设置超时（稍后，等待）；
if（callNow）funct.apply（上下文，参数）；
};
}
常量滑块=document.queryselectoral（“.sliders”）；
功能检查幻灯片（e）{
sliders.forEach（slider=>{
//我的控制台日志
//console.log（window.innerHeight）
//在图像的中间，开始
常数slideInAt=
window.scrollY+window.innerHeight-slider.height/1
//在图片的底部，
const imageBottom=slider.offsetTop+slider.height；
// 
常量IshalfShowed=slideInAt>slider.offsetTop；
const isnotScrolled pass=window.scrollY

.frame{
背景颜色：浅灰色；
宽度：500px；
/*高度：200vh*/
保证金：自动；
填充：20px；
}
.滚动图像{
宽度：70px；
高度：70像素；
保证金：5px；
混合模式：变暗；
}

欢迎
阿迪皮斯精英。时间是一种自由，是一种自由，是一种自由，是一种自由，是一种自由，是一种自由！阿斯佩尔纳图尔的时间之旅
巴黎圣母院，犹他州，贵人院

我是一个铜酸盐，我是一个自由的人，我是一个自由的人，我是一个自由的人，我是一个自由的人，我是一个自由的人，我是一个自由的人！在大教堂的一个小房间里有一个临时的房间，
尊敬的先生

再见。暂时的，暂时的

阿迪皮斯精英。时间是一种自由，是一种自由，是一种自由，是一种自由，是一种自由，是一种自由！阿斯佩尔纳图尔的时间之旅
巴黎圣母院，犹他州，贵人院

我是一个铜酸盐，我是一个自由的人，我是一个自由的人，我是一个自由的人，我是一个自由的人，我是一个自由的人，我是一个自由的人！在大教堂的一个小房间里有一个临时的房间，
尊敬的先生

再见。暂时的，暂时的

检查属性。我可以使用变换而不是

左边距

方法，但如果将它们设置为等于

窗口。滚动

会影响问题的根源吗？不会，不会影响问题的根源。根节点检测图像何时进入视口，并根据图像在页面上的位置正确移动图像。我可以修改您的代码段，使用它来检测元素是否在视口中。或者你可以自己试一试。谢谢你的链接，我会仔细阅读它，看看我是否能想出一种方法将它应用到我的问题上。