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

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

希望它有所帮助， 思南。