Question

Javascript能够动态地监听滚动（scrollTop（）;不是）。但是，如果我在水平方向上进行操作，是否有功能可以倾听我在哪里滚动？

我有一个div图像，可以水平滚动的内容（参见：http://jsfiddle.net/j5q1b8x9/）。

.scroll-container {
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;

}

我想做的是当我向右滚动时，红色框将向左移动，反之亦然。我试过了scrollLeft（）; ，但是当我到达我的图像的末尾时，它就会自动激活，因此它不会动态地监听坐标。

奖励，通过使用foreach路径，可以对每个图像实现这种功能吗？即如果我从视口向左滚动一个图像从左到右，红色框将从右向左移动，当新图像弹出到视口时，爵士乐会再次开始，为新图像。

当我从左向右滚动时，我应该测试什么才能让红框像镜子一样移动？

Answer 1

如果我理解您的问题，则可以DEMO

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});

}）;

听水平卷轴

1 个答案: