2011-03-24 61 views
0

我有一個div,當我在div上滾動時,頁面應該滾動,我該如何實現這一點? Div的z-index高於其他頁面元素,它位於所有頁面元素的頂部在div上滾動時的滾動頁面

使用JavaScript或jQuery,什麼?

編輯:DIV是最頂端的元素,其他元素具有較低的Z-索引。現在頂部DIV比視口更長,所以我需要滾動

+0

你能否讓它更清楚。如果你正在滾動頁面,你是不是應該滾動? – Shouvik 2011-03-24 09:04:21

+0

你目前得到什麼行爲? – Tejs 2011-03-24 09:04:32

回答

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;我相信。

+0

@ I-M-JM:我沒有測試它,我只是給你一個例子。你有什麼嘗試?試着在http://jsfiddle.net這樣的網站上模擬一個例子,我們會更傾向於幫助你。 – 2011-03-24 09:32:25

0

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