如何查看屏幕外是否有元素

Question

我有一個div列表，每次我想要轉到下一個div時，按下一個鍵。我需要檢查該div是否在屏幕外，如果是這樣，我需要移動屏幕以使用錨點或其他方法顯示該div。

這樣做的最佳選擇是什麼？

只是爲了保密，在我的情況下，屏幕外意味着現在看不到的東西，而不是向下滾動。因此，如果您位於頂部的StackOverflow主頁上，則整個頁面上的最後一個問題將不在屏幕上。

Answer 1

最佳選擇是通過獲取其y偏移量，並檢查窗口高度並計算滾動頁面的位置來將頁面滾動到元素，然後您可以將頁面設置爲該點的動畫效果。

//height of your div 
var scroll = 250; 
//animate from actual position to 250 px lower in 200 miliseconds 
$(window).animate({"scrollTop": "+="+scroll+"px"}, 200); 

所以這不是完整的代碼，但它可能會給你的想法。

退房jQuery的scrollTop

希望它能幫助， 思南。