美文网首页
jQuery .scrollTop(), .offset().t

jQuery .scrollTop(), .offset().t

作者: 饥人谷_鸭脖 | 来源:发表于2018-02-08 23:06 被阅读0次

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

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

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

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

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

  • $(window).height() + $(window).scrollTop() === $(selector).offset().top
  • $(window).scrollTop() === $(selector).height()

相关文章

网友评论

      本文标题:jQuery .scrollTop(), .offset().t

      本文链接:https://www.haomeiwen.com/subject/jjvxtftx.html