vue获取滚动的scrollTop的值

最新推荐文章于 2025-06-25 09:39:01 发布

原创最新推荐文章于 2025-06-25 09:39:01 发布 · 1.4w 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#vue获取滚动的scrollTop的值

js 专栏收录该内容

24 篇文章

订阅专栏

本文介绍了一种使用JavaScript监听页面滚动位置的方法，并根据滚动位置改变元素显示状态的技术。通过监听窗口滚动事件，获取当前滚动位置，当滚动超过设定阈值时，触发特定元素的显示或隐藏，实现页面元素的动态效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 mounted() {
         
           
                // let _this=this
                window.addEventListener('scroll', () => {
                    let top = document.documentElement.scrollTop || document.body.scrollTop || window.pageYOffset
                    console.log(top);
                    if (top > 700) {
                        this.scrollTag = true;
                    } else {
                        this.scrollTag = false
                    }

                })

        }

在这里插入图片描述