如何基于jQuery中另一个div中的水平滚动条滚动div？

Question

我有一个<div id="topDiv">Some content</div>，由于浏览器右侧边缘以外的各种原因，可能会延长<div id=bottomDiv">Some content</div>。 在该div下面，我有另一个{{1}}，如果其内容超出浏览器右侧边缘，则实际生成水平滚动条。

我正在寻找一个jQuery解决方案，当用户使用滚动条滚动bottomDiv时，我可以滚动/移动topDiv。所以topDiv＆amp; bottomDiv内容始终是对齐的。

Answer 1

重复此问题：How do I synchronize the scroll position of two divs?

但这个答案会涉及scrollLeft()而不是scrollTop()。

$('#bottom').scroll(function () {
  $('#top').scrollTop($(this).scrollLeft());
});

Jsfiddle：http://jsfiddle.net/wvwLt3s9/

您必须使用两者的同步来让它们以您想要的速率滚动，但这应该有效。