我在一堵砖墙边。我有一个小元素:
(链接已被删除)
你可以看到很多水平滚动,当你把浏览器拉低到移动宽度时,你可以水平滚动。我的问题是,我如何获得它,以便如果您水平滚动一个元素,所有其他元素也会随之滚动?我尝试了以下方法:
$('.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());
});
});
最佳答案
您告诉它在页面加载后从控制台运行。所以,试试这个。
$(document).ready(function(){
$(document).on('scroll', '.container', function(){
$('.container').scrollLeft($(this).scrollLeft());
});
});
或者使用下面的代码:
$(document).ready(function(){
$('.container').scroll(function(){
$('.container').scrollLeft($(this).scrollLeft());
});
});
希望这对您有所帮助。
关于javascript - 同时滚动多个元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25912709/