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()