其实你百度了一下基本都是

 mounted() {
        window.addEventListener('scroll', this.handleScroll)
 },
 methods: {
        handleScroll() {
            console.log('a')
        }
 }

如何你复制过去基本不会调用handleScroll函数,其实这样写是没有错的。但是你要在后面第三个参数加上true,能成功监听。

 mounted() {
        window.addEventListener('scroll', this.handleScroll, true)
 },
 methods: {
        handleScroll() {
            console.log('a')
        }
 }

上面这样写了之后 是可以获取scroll事件但是获取scroll都是0,最后百度了全部都是说什么  是DTD的问题 我也尝试了没有什么用

最后全部使用原生、然后把容器的css设置为全屏才可以实现(https://github.com/Aliceco/backTop)

mounted() {
   document.getElementById('orderFullScreen').addEventListener('scroll', this.handleScroll)
},
methods: {
    // 获取滚动条高度
    handleScroll() {
        console.log(document.getElementById('orderFullScreen').scrollTop)
    },
}

Logo

前往低代码交流专区

更多推荐