滚动DIV一起

Question

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

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

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

这一切都将在一个Rails应用程序中结束，该应用程序将显示过去100年来我的消防部门工作的员工的时间表。 这些年将是最重要的，排名和位置将在旁边（50-60行） 我将只有15年的空间和大约20行，并且仍然可读。

任何想法都会受到赞赏。

Answer 1

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

Answer 2

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

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
    });
});