2011-01-26 55 views
4

我一直在研究這個bug整天,並不能解決它。-Webkit滾動條+溢出+ JQuery scrollTop返回始終爲零

有一個JQuery scrollTop動畫腳本,它檢測$(window).scrollTop()值並做一些動畫,如果點擊按鈕滾動回到頂部。 (this).click(function(){(「html,body」)。animate({scrollTop:0},「fast」); });

這工作通常很好。我總是得到一個scrollTop的值......直到 - >

當使用自定義-webkit-滾動條的瀏覽器,你必須 集的CSS

HTML - >溢出:隱藏 - >的位置是:絕對的,溢出-Y:滾動,溢出-X:自動

的HTML層次只是正常的HTML的「身體 - > DIV容器 - > DIV內容等

現在,因爲瀏覽器滾動條ar被刪除,並擁有自己的自定義滾動條, scrollTop值總是返回零。

一直在嘗試所有我能想到的,無論我嘗試過其他代碼,scrollTop值總是返回零。

所以沒有什麼是動畫,沒有什麼是滾動回來。

任何人都知道如何使用自定義的價值* 瀏覽器 -webkit-scrollbar用於滾動回到頂部? *

回答

0

,當你刪除您htmlbody CSS overflow: hiddenposition: absolute會發生什麼?

+0

你可以發佈你的代碼或例子嗎? – Chris 2011-01-26 20:24:41

1

你不再滾動窗口,您滾動內部元素,所以你應該嘗試:

$(html).scrollTop() 
$(body).scrollTop() 

,看看0變爲