uniapp中实现每次点击左侧菜单右边区域都从顶部开始
                                                            生活随笔
收集整理的這篇文章主要介紹了
                                uniapp中实现每次点击左侧菜单右边区域都从顶部开始
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.                        
                                使用scroll-view容器,借助滾動(dòng)事件捕獲當(dāng)前距離頂部距離,然后給scroll-top重新設(shè)置為0實(shí)現(xiàn)滾動(dòng)
<scroll-view class="right" scroll-y id="right" @scroll="scrollChange" :scroll-top="scrollTop"></scroll-view> data() {return {lastScrollY:0,scrollTop:0} }, methods: {scrollChange (e) {this.lastScrollY = e.detail.scrollTop;},letClick(){//在左側(cè)菜單的點(diǎn)擊事件中寫(xiě)this.scrollTop = this.lastScrollY//先把滾動(dòng)的距離賦值給scrollTopthis.$nextTick(()=>{//然后在突然把scrollTop賦值為0達(dá)到回到頂部效果this.scrollTop = 0;})} }總結(jié)
以上是生活随笔為你收集整理的uniapp中实现每次点击左侧菜单右边区域都从顶部开始的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
 
                            
                        - 上一篇: 法系车够狠!标致、雪铁龙最高补贴9万元
- 下一篇: TrendForce:预计 Q1 笔记本
