如何在JavaScript/jQuery中同步两个不同div的滚动条?
我在index.html页面中有两个div,通过选择div并将内容注入其中(使用jQuery),我在每个div中加载不同的内容。所以我得到了两个div,每个div都有一个水平滚动条来显示它的内容。我想做的是同步两个滚动条,如果有可能,两个div只有一个滚动条如何在JavaScript/jQuery中同步两个不同div的滚动条?,javascript,jquery,html,scrollbar,Javascript,Jquery,Html,Scrollbar,我在index.html页面中有两个div,通过选择div并将内容注入其中(使用jQuery),我在每个div中加载不同的内容。所以我得到了两个div,每个div都有一个水平滚动条来显示它的内容。我想做的是同步两个滚动条,如果有可能,两个div只有一个滚动条 提前感谢您的回答,如果我在英语方面犯了错误,请道歉,因为英语不是我的母语 您可以使用jQuery的scrollLeft()函数获取当前滚动位置,如下所述: 您只需设置两个相互激发的滚动侦听器(请确保将其置于文档的就绪功能中!): 您可以使
提前感谢您的回答,如果我在英语方面犯了错误,请道歉,因为英语不是我的母语 您可以使用jQuery的scrollLeft()函数获取当前滚动位置,如下所述: 您只需设置两个相互激发的滚动侦听器(请确保将其置于文档的就绪功能中!):
您可以使用
setTimeout
或setInterval
设置一个时间延迟来节省资源。实际上,我尝试使用以下代码:
$(“#div1”).scroll(函数(){
$(“#div2”).scrollLeft($(“#div1”).scrollLeft());
});
$(“#div2”).scroll(函数(){
$(“#div1”).scrollLeft($(“#div2”).scrollLeft());
});代码>你能展示一下你到目前为止所做的尝试和没有达到预期效果的地方吗?如果你能发布一些代码就好了。这是绝对可行的。你需要在两个div上都监听滚动事件,同时滚动两个div。。。
var div1 = $('#scrollDiv-1');
var div2 = $('#scrollDiv-2');
div1.scroll(function() {
div2.scrollLeft($(this).scrollLeft());
});
div2.scroll(function() {
div1.scrollLeft($(this).scrollLeft());
});