当前位置:Gxlcms > JavaScript > 如何使用jquery判断滚动条滚动方向实例代码分析

如何使用jquery判断滚动条滚动方向实例代码分析

时间:2021-07-01 10:21:17 帮助过:2人阅读

单纯判断滚动条方向


调用方法:


以上方法手机苹果浏览器事件会跳动,解决方法及代码改进


调用方法:


滚动条滚动到底部和头部判断

其实上面的函数中已经有判断,下面再列一下!看如下函数!


调用方法:


判断p是否滚动到底部

上面的方法是判断滚动轴是否滚动到底部,但是有时候,我们在做滚动加载的时候,有时候也要做某个p是否滚动到底部然后加载。那么如何判断p的滚动轴滚动到底部呢?

这个也需要了解几个高度:

1、p的高度 $("#某p").height();
2、滚动轴的高度 $(#某p)[0].scrollHeight
3、滚动轴到p顶部的高度 $(某p)[0].scrollTop;
书写代码如下:


PS:jQuery滚动条位置控制:

将p的滚动条滚动到其子元素所在的位置,方便自动定位。


以上就是如何使用jquery判断滚动条滚动方向实例代码分析的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行