奇怪的請求,但我需要獲取當前的瀏覽器滾動位置作爲變量。我應該使用什麼js或jquery函數?我需要它弄清楚哪些元素要顯示在旁邊。我在網上發現了一些東西,但沒有什麼適用於我的div,只是整個頁面。使用jquery獲取滾動位置
回答
跨瀏覽器變種
$(document).scrollTop();
較早的IE和Firefox瀏覽器將滾動條附加到documentElement
或HTML中的<html>
標籤。
所有其他瀏覽器都將滾動條附加到document.body
或HTML中的<body>
標籤。
正確的解決辦法是檢查使用哪一個,這取決於瀏覽器
var doc = document.documentElement.clientHeight ? document.documentElement : document.body;
var s = $(doc).scrollTop();
jQuery也使這更容易一點,通過在任一window
或document
jQuery的scrollTop
時做了類似的檢查和數字它出,所以無論這些應該工作的跨瀏覽器
var s = $(document).scrollTop();
或
var s = $(window).scrollTop();
說明:獲取滾動條的當前垂直位置爲 集合中的匹配元素的第一元素或設置滾動條的垂直位置 對於每個匹配的元素。
...什麼都沒有,對於我的DIV,只是整版工作
如果它是一個DIV,你必須瞄準貼有滾動條的元素,以獲取滾動量
$('div').scrollTop();
如果你需要從文件頂部的元素的距離,你也可以做
$('div').offset().top
使用scrollTop()來獲取或設置滾動位置。
相信與jQuery的最佳方法是使用.scrollTop()
:
var pos = $('body').scrollTop();
什麼不同這個答案由@ adeneo的一個? – 2013-02-14 23:42:39
達里爾小了7%,爲此效率更高;) – 2013-02-14 23:44:23
@JasonSperske:D現在導致你我必須再喝一杯咖啡 – 2013-02-14 23:45:11
- 1. 使用javascript獲取div滾動位置。
- 2. 使用SplitView獲取面板的滾動位置(jQuery Mobile)
- 3. 獲取滾動元素的滾動位置whan滾動
- 4. 獲取正確的開始位置時,使用jQuery滑動滾動分頁
- 5. 從RichTextBox獲取滾動位置?
- 6. 點擊獲取存儲滾動位置
- 7. 在FlowLayoutPanel中獲取MouseWheel滾動位置
- 8. 如何獲取RichTextBox的滾動位置?
- 9. 獲取ScrollArea的滾動位置
- 10. 獲取滾動位置百分比
- 11. JS - scrollToEl獲取滾動位置
- 12. Android:獲取WebView的滾動位置
- 13. 如何獲取滾動的RecyclerView位置
- 14. 如何從GridView獲取滾動位置?
- 15. jquery div滾動位置
- 16. jquery獲取窗口位置+滾動 - 但如果不滾動不顯示
- 17. JQuery:在頁面刷新時獲取滾動位置
- 18. 獲取DIV對頁面滾動的位置jQuery中
- 19. 使用-webkit-overflow-scrolling獲取精確的滾動位置:touch;
- 20. React Native VirtualizedList獲取滾動並滾動到位置
- 21. 使用jScrollPane回滾滾動位置
- 22. jQuery中獲取位置動畫
- 23. 滾動位置上的jquery動畫
- 24. 滾動到位置jquery偏移動畫
- 25. 使用jQuery獲取動態背景位置
- 26. 使用jQuery滾動來更新位置使元素閃爍
- 27. 如何在用戶滾動時獲取位置固定
- 28. 獲取/設置超細水稻的滾動條位置
- 29. 獲取/設置UWP Xaml WebView縮放和滾動位置?
- 30. 如何獲取並設置當前網頁滾動位置?
這應該是被接受的答案; $('body')。scrollTop()在IE中不起作用。 – Robert 2013-10-02 07:44:17
$('body')。scrollTop()在Firefox中也不適用於我。 – GTCrais 2015-01-03 21:20:45
嘗試$('html,body')。scrollTop的(); – arturmoroz 2015-01-05 10:59:02