一起滚动DIV

Question

我想知道是否有人可以从理论上告诉我滚动时如何将2个DIV锁定在一起。

我需要创建一个大图，但一次只能显示一小部分。 我需要标签来保持对数据的锁定，但仍保持可见。 我实质上是在尝试复制可滚动浏览Excel工作表的方式。

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

这一切最终将在Rails应用程序中显示，该应用程序将显示过去100年为我的消防部门工作的员工的时间表。 年将在顶部，行列和位置将在侧面（50至60行）。我只能有空间显示15年，一次显示20行，并且仍然可读。

任何想法，将不胜感激。

Answer 1

您可以在两个div上都放置侦听器，然后每当其中一个更改时，请确保它们都具有相同的垂直偏移。

Answer 2

您可以尝试position：fixed来在滚动http://www.w3.org/Style/Examples/007/menus.en.html时锁定div相对于视口的位置

Answer 3

$('#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
    });
});