Javascript 聆听水平滚动

Javascript能够动态监听滚动（scrollTop（）；不是吗）。但是，如果我在水平方向上滚动，是否有一个函数可以监听滚动的位置

我有一组图像，可以水平滚动（请参阅：）

}

我想做的是，当我向右滚动时，红色框会向左移动，反之亦然。我已经试过向左滚动（），但是当我到达图像的末尾时，它会自动启动，所以它不会在飞行中监听坐标

另外，通过使用foreach路径，可以对每个图像实现这种功能吗？也就是说，如果我从视口从左向右滚动一个图像，红色框将从右向左移动，当新图像弹出到视口时，新图像的jazz将再次开始

---

有什么想法吗？当从左向右滚动时，我应该测试什么才能使红色框像镜子一样移动？

如果我理解你的问题，这是可行的

var容器=$（“.scroll容器”）；
变量框=$（“.test div”）；
var scrollX=container.scrollLeft（）；
container.scroll（函数（）{
var delta=container.scrollLeft（）-scrollX；//从左到右方向<0
scrollX=container.scrollLeft（）；
如果（deltado）你想要每个移动的图像都有一个红色框吗？好吧，差不多。我认为如果你向右滚动40px，那么右边的框会向左滚动-40px，以此类推。
.scroll-container {
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;

var container = $(".scroll-container");
var box= $(".test-div");
var scrollX =container.scrollLeft();
container.scroll(function(){
var delta =container.scrollLeft() - scrollX; // direction < 0 From left to right
scrollX =container.scrollLeft();
if (delta<0)

    box.css({left:0, right:'auto'});  
else
    box.css({left:'auto', right:0});