鼠标滚轮监测

最新推荐文章于 2025-10-24 12:38:28 发布

原创最新推荐文章于 2025-10-24 12:38:28 发布 · 2.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#鼠标 #函数 #滚轮

JavaScript 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一种使用JavaScript监听页面滚动位置的方法，并提供了完整的代码实现。通过监听window对象的onscroll事件，可以实时获取页面当前的滚动距离，适用于需要根据滚动位置进行动态效果展示的场景。

 window.onscroll = function(){
        getScrollTop()
    }
    function getScrollTop() {
        var scrollPos;
        if (window.pageYOffset) {
            scrollPos = window.pageYOffset; }
        else if (document.compatMode && document.compatMode != 'BackCompat')
        { scrollPos = document.documentElement.scrollTop; }
        else if (document.body) { scrollPos = document.body.scrollTop; }
        console.log('现在是：'+scrollPos);
    }