奇怪的請求,但我需要獲取當前的瀏覽器滾動位置作爲變量。我應該使用什麼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. ListView獲取滾動位置?
- 3. 使用SplitView獲取面板的滾動位置(jQuery Mobile)
- 4. 使用滾輪對象獲取當前滾動位置
- 5. 獲取滾動元素的滾動位置whan滾動
- 6. jquery滾動位置動畫
- 7. 獲取正確的開始位置時,使用jQuery滑動滾動分頁
- 8. Android:獲取WebView的滾動位置
- 9. 如何獲取RichTextBox的滾動位置?
- 10. 獲取ScrollArea的滾動位置
- 11. 獲取滾動位置百分比
- 12. 如何獲取滾動的RecyclerView位置
- 13. 點擊獲取存儲滾動位置
- 14. 如何從GridView獲取滾動位置?
- 15. JS - scrollToEl獲取滾動位置
- 16. 在FlowLayoutPanel中獲取MouseWheel滾動位置
- 17. C#/ WPF - 獲取ScrollViewer的滾動位置?
- 18. 從RichTextBox獲取滾動位置?
- 19. 水平jquery滾動使用位置:絕對;與恆定滾動
- 20. jquery div滾動位置
- 21. jquery滾動固定位置
- 22. jQuery .hide()滾動位置
- 23. jquery獲取窗口位置+滾動 - 但如果不滾動不顯示
- 24. javascript/jquery - 獲取滾動條位置的回調
- 25. 獲取DIV對頁面滾動的位置jQuery中
- 26. 使用-webkit-overflow-scrolling獲取精確的滾動位置:touch;
- 27. React Native VirtualizedList獲取滾動並滾動到位置
- 28. 如何在滾動時獲取webview的垂直滾動位置
- 29. 如何在停止滾動後獲取滾動位置?
- 30. 使用jQuery獲取元素位置
這應該是被接受的答案; $('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