page contents
首页 问答
正文

如何判断元素是否到达可视区域？

轩辕小不懂 发布于 2021-12-02 15:25
阅读 396
收藏 0
答案 1
分类：WEB前端开发
  • CSS
    • 默认排序 时间排序
    2554
    Nen
    Nen
    - 程序员

    以图片显示为例：

    window.innerHeight 是浏览器可视区的高度；

    document.body.scrollTop || document.documentElement.scrollTop 是浏览器滚动的过的距离；

    imgs.offsetTop 是元素顶部距离文档顶部的高度（包括滚动条的距离）；

    内容达到显示区域的：img.offsetTop < window.innerHeight + document.body.scrollTop;

    请先 登录 后评论
    轩辕小不懂
    1 关注
     
    轩辕小不懂
    提出于 2021-12-02 15:25
    全部

    轩辕小不懂 的其他提问

    类似问题

    浏览器是如何对 HTML5 的离线储存资源进行管理和加载?
    1 回答
    396 阅读
    行内元素有哪些 块级元素有哪些 空(void)元素有哪些?
    1 回答
    396 阅读
    img的srcset属性的作用？
    1 回答
    396 阅读
    常用的meta标签有哪些？
    1 回答
    396 阅读
    script标签中defer和async的区别？
    1 回答
    396 阅读
    DOCTYPE(文档类型) 的作用?
    1 回答
    396 阅读