2011-09-28 93 views
3

是否可以禁用鼠標滾輪在位於特定DIV內時滾動頁面的功能。這樣它只能滾動div而不是頁面。 JQuery庫已經安裝好了,所以我認爲它會是.scroll()和stop.pagination中的一些內容,但我不太瞭解如何做到這一點。DIV溢出:滾動 - 禁用頁面滾動,同時鼠標在裏面

任何想法?

非凡的

+1

看到這個問題,昨天發佈:http://stackoverflow.com/questions/7571370/jquery-disable-scroll-when-mouse-over-an-absolute-div –

回答

0

Pure css。

對於要滾動DIV:

#divId { 
    overflow: scroll; 
    height: someHeight; 
} 
+0

我知道這一點。它會通過該頁面試圖滾動 –

+0

它不會正確設置所有高度。看到這裏:http://jsbin.com/onariz/ – Neal

+0

你實際上是正確的,但由於我在頁面上重新創建了sculling系統,純CSS並沒有修復它。謝謝 –

3

固定它。

$('.scrollable').mouseenter(function(){ 
        $('body').css('overflow', 'hidden'); 
       }); 
       $('.scrollable').mouseleave(function(){ 
        $('body').css('overflow', 'auto'); 
       }); 
+0

我有一個非常強烈的直覺感覺,如果在這種情況發生時視窗不滾動到頂部,這可能無法按預期工作。我錯了嗎? – ANeves

+0

@美國縫合工作完美。我還沒有檢查所有瀏覽器雖然 –

+0

爆炸,但固定滾動條,滾動條消失 –