Javascript 一起滚动div

我想知道是否有人可以告诉我，在理论上如何锁定两个div一起滚动

我需要创建一个大的图形，但一次只能显示一小部分。我需要标签以锁定数据的方式显示，但保持可见。 我实际上是在尝试复制在excel工作表中滚动的方式

因此，侧面的标签将随数据垂直滚动，但在水平滚动时保持固定。反之亦然，标签在顶部

这一切都将在Rails应用程序中结束，该应用程序将显示过去100年为我的消防部门工作的员工的时间线。 年份将沿顶部，等级和位置将沿侧面（50-60行） 我的房间一次只能显示15年，大约20行，而且仍然可以阅读

---

任何想法都将受到欢迎。

您可以将侦听器放在两个div上，然后每当其中一个发生变化时，确保两个div具有相同的垂直偏移。

您可以尝试“位置：固定”在滚动时锁定div相对于视口的位置。

不确定这是否正是您的意思，但是你能把你想要滚动的两个

放在第三个

中，然后只滚动外部的一个吗？@CharlesTian，它不能与第一个div的水平滚动一起工作。这会有问题。你可以这样做，它将保持固定，但它将保持固定在两个轴上。OP需要它只固定在一个轴上为每个给定的酒吧（每个相反），这很好！不过，如果能在答案中包含它，那就太好了。我的假设是，预期的答案只包括这个css属性，没有提到javascript来改变这种行为。我将使用任何我需要的东西。我也标记了Javascript，但我还不是很精通它。嗯，这是一种有趣的方法，我将尝试一下。

$('#center').ready(function(){
    var left
    $('#center').on("scroll", function(){  //activate when #center scrolls
        left = $('#center').scrollLeft();  //save #center position to var left
        $('#top').scrollLeft(left);        //set #top to var left
    });
});