uniapp返回顶部的方法

    
                                   
        

script:

export default {
        data() {

            return {
                flag:false,
            }        
        },

methods: {

 //点击事件:返回顶部
                        toTop() {

                         document.documentElement.scrollTop = 0;//返回顶部

                        },
                         //滑动超过200时显示按钮
                         handleScroll() {
                        let scrollTop =   document.documentElement.scrollTop;//获取页面滚动的高度
                          // console.log(scrollTop)
                          if (scrollTop > 200) {
                             this.flag = true
                          } else {
                             this.flag = false
                            }
                         },
                    
                    
        },
        mounted() {
         window.addEventListener('scroll', this.handleScroll, true)
         },

}

}

你可能感兴趣的:(vue,uniapp,前端,vue.js)