Vue监听滚动条事件 点击回到顶部

监听滚顶条事件:

created () {
    this.listenerFunction();
},
beforeDestroy () {
    document.removeEventListener("scroll", this.listenerFunction);
},
method () {
    listenerFunction(e) {
        document.addEventListener('scroll', this.handleScroll, true);
    }),
    handleScroll () {
        console.log(window.pageYOffset)
    }
}

点击回顶部:

backTop() { //点击回顶部

            // document.body.scrollTop = 0;
            // document.documentElement.scrollTop = 0;
            $('html').stop().animate({
                scrollTop: 0
            }, 1000)
        },
        ```
无动画:
window.scrollTo(x-coord, y-coord); 
上一篇:【错误记录】Flutter 构建报错 ( Because xxx requires SDK version >=2.12.0-0 <3.0.0, versio | Dart SDK 版本低 )


下一篇:北海(Kraken)构建大前端混合渲染技术体系 —— Web 与 Flutter Widget 混合渲染方案