代码之家  ›  专栏  ›  技术社区  ›  Tyler Carter

如何查看屏幕外的元素

  •  1
  • Tyler Carter  · 技术社区  · 15 年前

    我有一个div列表,每次我想进入下一个div时,我都会按一个键。我需要检查该div是否在屏幕外,如果是,我需要移动屏幕以使用锚或其他方法显示该div。

    我最好的选择是什么?

    只是想澄清一下,在我的例子中,屏幕外意味着一些不向下滚动就看不见的东西。因此,如果您在顶部的StackOverflow主页上,则整个页面上的最后一个问题是屏幕外的问题。

    1 回复  |  直到 15 年前
        1
  •  2
  •   Community CDub    4 年前

    最好的选择是将页面滚动到元素,方法是获取其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); 
    

    这不是完整的代码,但它可能会给你一个想法。

    scrollTop

    希望有帮助, 思南。