在学习懒加载的过程中出现了, 出现了这几个距离, 不是很理解, 特意做了一些查询.
$(selector).scrollTop() 指的是该元素的滚动条已经滚动过的距离, 也就是文档被浏览器顶部档住的部分, 这个距离和滚动条距离窗口的位置没有关系.
如果这个元素没有滚动条, 则获取的值是0
$(selector).offset().top 指的是元素在页面中的坐标中的纵坐标, 如果页面结构没有发生变化, 这个值是不会变化的
$(window).height() 指的是浏览器窗口的高度了
对于元素出现在窗口中的两个临界条件:
$(window).height() + $(window).scrollTop() === $(selector).offset().top$(window).scrollTop() === $(selector).height()
