0

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

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

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

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

任何想法，将不胜感激。

4

3 回答 3

1

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

于 2013-01-21T17:56:32.417 回答
0 
$('#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
    });
});
于 2013-02-06T03:50:39.547 回答
0

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

于 2013-01-21T17:56:37.513 回答