滚动div时滚动页面

时间:2011-03-24 09:02:35

标签: javascript jquery

我有一个div,当我滚动div时,页面应滚动,我该如何实现? Div的z-index高于其他页面元素,它位于所有页面元素之上

使用javascript或jQuery,还有什么?

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

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

您可以使用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;我相信。