在div上滾動時滾動頁面

Question

我有一個div，當我在div上滾動時，頁面應該滾動，如何實現呢？ Div的z-index高於其他頁面元素，它位於所有頁面元素之上

使用javascript或jQuery，有什么用嗎？

編輯：DIV是最上面的元素，其他元素的z-index較低。 現在頂部DIV比視口更長，所以我需要滾動

Answer 1

使用jquery，在div上附加一個事件偵聽器以進行滾動。 在事件處理程序中，相應地更改document.scrollTo。 確保div是一個浮動dom元素。

Answer 2

您可以使用jQuery連接div上的.Scroll()事件： http : .Scroll() 。 然后，每次調用回調時，您都可以將scrollTop位置設置為與div相似的位置。

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

這只是一個粗略的猜測。 但是，其想法是找到div向下滾動了多遠，然后將窗口向下滾動了相同的百分比。

最后， div將需要處於以下position: absolute; 我相信。