jQuery .scrollTop(), .offset().top, $(window).height()理解

在学习懒加载的过程中出现了, 出现了这几个距离, 不是很理解, 特意做了一些查询.

$(selector).scrollTop() 指的是该元素的滚动条已经滚动过的距离, 也就是文档被浏览器顶部档住的部分, 这个距离和滚动条距离窗口的位置没有关系.
如果这个元素没有滚动条, 则获取的值是0

$(selector).offset().top 指的是元素在页面中的坐标中的纵坐标, 如果页面结构没有发生变化, 这个值是不会变化的

$(window).height() 指的是浏览器窗口的高度了

对于元素出现在窗口中的两个临界条件:

  • $(window).height() + $(window).scrollTop() === $(selector).offset().top
  • $(window).scrollTop() === $(selector).height()
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • JS 各种宽高的理解
    Window和document对象的区别 window对象window对象表示浏览器中打开的窗口window对象是...
    FConfidence阅读 6,714评论 0赞 5
  • 04 - 三大家族&&区别
    本文是针对刚学编程的小白,都是一些基础知识,如果想了解更多深层一点的东西,欢迎移步本人博客!! 博客地址 点击跳转...
    西巴撸阅读 3,790评论 0赞 2
  • JQuery
    //------------------------- 第一章 认识JQuery ----------------...
    米塔塔阅读 4,066评论 0赞 9
  • javascript笔记
    JavaScript 将字符串转换为数字 parseInt() ◆只保留数字的整数部分，不会进行四舍五入运算。 ...
    AkaTBS阅读 4,545评论 0赞 9
  • 手帐8.27
    嗯，今天不开心 再补一个( ᵒ̴̶̷̤໐ᵒ̴̶̷̤ ) 遇到很多事情，对自己也很失望。
    鹤楼归阅读 1,053评论 0赞 0