1.先创建基本样式


2.先获取到需要进行判断的元素

3.给它绑定onscroll()事件滚动条滚动时触发



4.接下来我们需要以下几种方法

5.将scrollHeight 、scrollTop 、 clientHeight 将这三种方法放进滚动条滚动事件中,通过在浏览器中检查元素我们可以发现将滚动条拉到底时scrollTop元素垂直滚动条滚动的距离 + clientHeight元素可见高度 = scrollHeight元素总高度;


6.我们可以通过scrollTop 、 clientHeight 相加是否等于scrollHeight来判断是否到达底部,scrollTop需要使用Math对象中的round方法对它四舍五入化为整数;

7. 声明一个height = Math.floor(container.scrollTop) + container.clientHeight;

8.最后一个if判断scrollTop + clientHeight 是否等于scrollHeight;来判断是否到达底部



2.先获取到需要进行判断的元素

3.给它绑定onscroll()事件滚动条滚动时触发



4.接下来我们需要以下几种方法

5.将scrollHeight 、scrollTop 、 clientHeight 将这三种方法放进滚动条滚动事件中,通过在浏览器中检查元素我们可以发现将滚动条拉到底时scrollTop元素垂直滚动条滚动的距离 + clientHeight元素可见高度 = scrollHeight元素总高度;


6.我们可以通过scrollTop 、 clientHeight 相加是否等于scrollHeight来判断是否到达底部,scrollTop需要使用Math对象中的round方法对它四舍五入化为整数;

7. 声明一个height = Math.floor(container.scrollTop) + container.clientHeight;

8.最后一个if判断scrollTop + clientHeight 是否等于scrollHeight;来判断是否到达底部
