jquery判断页面滚动条是向上滚还是向下滚方向判断

发布网友 发布时间：2022-04-22 06:51

我来回答

共2个回答

懂视网 时间：2022-05-16 00:30

单纯判断滚动条方向

调用方法：

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

调用方法：

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

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

调用方法：

判断p是否滚动到底部

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

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

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

PS:jQuery滚动条位置控制：

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

热心网友 时间：2022-05-15 21:38

不用管滚动条，判断滚轮滚动方向就完事了

<script>
var agent = navigator.userAgent;
if (/.*Firefox.*/.test(agent)) {
    document.addEventListener("DOMMouseScroll", function(e) {
        e = e || window.event;
        var detail = e.detail;
        if (detail > 0) {
            console.log("鼠标向下滚动");
        } else {
            console.warn("鼠标向上滚动");
        }
    });
} else {
    document.onmousewheel = function(e) {
        e = e || window.event;
        var wheelDelta = e.wheelDelta;
        if (wheelDelta > 0) {
            console.log("鼠标向上滚动");
        } else {
            console.warn("鼠标向下滚动");
        }
    }
}
</script>