在 div 上滚动时滚动页面答案

【问题标题】：scroll page when scroll on div在 div 上滚动时滚动页面
【发布时间】：2011-03-24 17:14:39
【问题描述】：

我有一个 div，当我在 div 上滚动时，页面应该滚动，我该如何实现呢？ div 的 z-index 高于其他页面元素，它位于所有页面元素的顶部

使用 javascript 或 jQuery，什么？

编辑：DIV 是最顶部的元素，其他元素的 z-index 较低。现在顶部 DIV 比视口长，所以我需要滚动

【问题讨论】：

您能否说得更清楚些。如果您正在滚动，您的页面不应该也在滚动吗？
你目前有什么行为？

标签： javascript jquery

【解决方案1】：

您可以使用 jQuery：http://api.jquery.com/scroll/ 在 div 上连接 .Scroll() 事件。然后每次调用回调时，我相信您可以将scrollTop 位置设置为与 div 相似位置对应的位置。

$(function() {
    $('#yourDiv').scroll(function() {
        $(window).scrollTop($(window).height() * $(this).scrollTop() / $(this).height());
    });
});

这只是一个粗略的猜测。但我们的想法是找出div 向下滚动了多远，并将窗口向下滚动相同的百分比。

我相信最后div 必须是position: absolute;。

【讨论】：

@I-M-JM：我没有测试它，我只是给你一个例子。你试过什么？尝试在 jsfiddle.net 之类的网站上模拟一个示例，我们会更愿意为您提供帮助。

【解决方案2】：

使用 jquery，在 div 上附加一个事件侦听器以进行滚动。在事件处理程序中，相应地更改 document.scrollTo。确保 div 是浮动 dom 元素。

【讨论】：