天天看点

JS如何判断滚动条是否滚到底部滚动加载瀑布流下拉刷新

首先说一下常识:

关于offset共有5个东西需要弄清楚:

  1. offsetParent

  2. offsetTop

  3. offsetLeft

  4. offsetWidth

  5. offsetHeight

也就是元素的可视宽度,这个宽度包括元素的边框(border),水平padding,垂直滚动条宽度,元素本身宽度等

返回对象元素边界的左上角顶点相对于offsetParent的左上角顶点的水平偏移量。从这个定义中我们可以明确地知道offsetLeft与当前元素的margin-left和offsetParent的padding-left有关

如果当前元素的父级元素没有进行CSS定位(position为absolute或relative),offsetParent为body。

如果当前元素的父级元素中有CSS定位(position为absolute或relative),offsetParent取最近的那个父级元素。