javascript - 同时滚动多个元素

Question

我在一堵砖墙边。我有一个小元素:

(链接已被删除)

你可以看到很多水平滚动，当你把浏览器拉低到移动宽度时，你可以水平滚动。我的问题是，我如何获得它，以便如果您水平滚动一个元素，所有其他元素也会随之滚动？我尝试了以下方法:

$('.container').scroll(function(){
    $('.container').scrollLeft($(this).scrollLeft());    
})

但我很快就无处可去。任何帮助将不胜感激。

更新

事实证明，当您在页面加载后将代码放入控制台时它确实有效。我采取了:

$(document).on('scroll', '.container', function(){
    $('.container').scrollLeft($(this).scrollLeft());    
});

更新 2

非常感谢@George 和所有回答我指出正确方向的人。这些表是用 jQuery 加载的:

$(this).next().load("/availability_Dev/availability_Dev.asp?stuff="+stuff+"");

我所要做的就是在加载元素后附加我的滚动代码，如下所示:

$(this).next().load("/availability_Dev/availability_Dev.asp?stuff="+stuff+"", function(){
     $('.container').scroll(function(){
         $('.container').scrollLeft($(this).scrollLeft());    
     });
});

Answer 1

您告诉它在页面加载后从控制台运行。所以，试试这个。

$(document).ready(function(){
  $(document).on('scroll', '.container', function(){
    $('.container').scrollLeft($(this).scrollLeft());    
  });
});

或者使用下面的代码:

$(document).ready(function(){
  $('.container').scroll(function(){
    $('.container').scrollLeft($(this).scrollLeft());    
  });
});

希望这对您有所帮助。