移动端移动端html5判断是否滚动到底部并且下拉加载判断是否滚动到底部并且下拉加载
如何判断滚动是否滚动到了底部如何判断滚动是否滚动到了底部?
首先要了解的知识 scrollHeight,clientHeight,scrollTop
scrollHeight
只读属性,高度包括所有内容，包含内边距，但不把水平滚动条、边框和外边距算在内。
clientHeight
也是只读属性，没有定义CSS或者内联布局盒子的元素为0,它是元素内部的高度，包含内边距，不包括x轴的滚动条高度、边
框、外边距;
同一种型号的手机上是不变的。
scrollTop
这个元素的顶部滚动距离(到视口(一般都是html)的顶部的距离)。
可以实现计算到底部的距离了
计算是否到达底部原生js
element.scrollHeight - element.scrollTop === element.clientHeight
jquery
element..scrollHeight - element.scrollTop() == element.height()
实现下拉刷新实现下拉刷新
用到的是html+jq
var loadingState = {
text:false,
image:false,
video:false
}
评论0