uniapp中实现每次点击左侧菜单右边区域都从顶部开始
生活随笔
收集整理的這篇文章主要介紹了
uniapp中实现每次点击左侧菜单右边区域都从顶部开始
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
使用scroll-view容器,借助滾動事件捕獲當前距離頂部距離,然后給scroll-top重新設置為0實現滾動
<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(){//在左側菜單的點擊事件中寫this.scrollTop = this.lastScrollY//先把滾動的距離賦值給scrollTopthis.$nextTick(()=>{//然后在突然把scrollTop賦值為0達到回到頂部效果this.scrollTop = 0;})} }總結
以上是生活随笔為你收集整理的uniapp中实现每次点击左侧菜单右边区域都从顶部开始的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 法系车够狠!标致、雪铁龙最高补贴9万元
- 下一篇: 微信小程序利用缓存提高接口请求性能