欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

vue-scroller記錄滾動位置的示例代碼

問題描述:

成都創(chuàng)新互聯公司成立與2013年,先為濉溪等服務建站,濉溪等地企業(yè),進行企業(yè)商務咨詢服務。為濉溪企業(yè)網站制作PC+手機+微官網三網同步一站式服務解決您的所有建站問題。

列表頁進入詳情頁,或者tab頁切換,然后再返回列表頁,希望能切換到之前滾動位置

解決問題思路:

切換到其他頁面前記錄位置,返回列表頁的時候返回位置。這就需要借助vue-router的beforeRouteEnter和beforeRouteLeave這兩個鉤子去實現.

還有一種更簡單粗暴的方法, vue-scroller.min.js源碼中添加寬高不為零判斷,實現方式見評論,是最近代碼優(yōu)化的時候發(fā)現的。

代碼部分:

beforeRouteEnter(to,from,next){

 if(!sessionStorage.askPositon || from.path == '/'){//當前頁面刷新不需要切換位置

  sessionStorage.askPositon = '';

  next();

 }else{

  next(vm => {

    if(vm && vm.$refs.scrollerBottom){//通過vm實例訪問this

     setTimeout(function () {

      vm.$refs.scrollerBottom.scrollTo(0, sessionStorage.askPositon, false);

     },0)//同步轉異步操作

    }

  })

 }

},

beforeRouteLeave(to,from,next){//記錄離開時的位置

 sessionStorage.askPositon = this.$refs.scrollerBottom && this.$refs.scrollerBottom.getPosition() && this.$refs.scrollerBottom.getPosition().top;

 next()

}, 

需要注意的點:

1.熟悉vue-router和vue-scroller的api

2.beforeRouteEnter的時候,是無法通過this去訪問vue實例的,需要借助于vm

3.setTimeout 0 的使用

等下周發(fā)版的時候,我貼上鏈接,可以體驗下效果

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持創(chuàng)新互聯。

網頁題目:vue-scroller記錄滾動位置的示例代碼
本文路徑:http://aaarwkj.com/article40/jeeceo.html

成都網站建設公司_創(chuàng)新互聯,為您提供Google、ChatGPT營銷型網站建設、做網站、建站公司、網站策劃

廣告

聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯

營銷型網站建設
欧美大尺度影片在线观看| 欧美黄色免费电影网站| 欧美一区二区日韩一区二区| 日本中文字幕一二三四区| 国产精品岛国片在线观看| 中文字幕精品高清中国| av中文字幕国产精品| 神马影院在线观看午夜| 亚洲黄香蕉视频免费看| 日韩特级黄片在线免费观看| 色婷婷精品二区久久蜜臀av| 亚洲欧美综合一区二区三区| 亚洲情欲一级片日韩欧美| 亚洲综合偷拍欧美一区色| 亚洲精品一区二区三区高潮| 成人欧美精品一区二区不卡| 色综合色综合色综合色| 不卡一区二区三区av电影| 亚洲成人自拍视频在线观看| 日日爱欧美精品亚洲成| 国产精品黑丝美女91| av小说亚洲激情乱| 欧美日韩精品亚洲成人精品| 精品久久人妻中文字幕免费| 亚洲巨大黑人一区二区三区| 亚洲视频在线男人天堂| 国产精品大全中文字幕| 日韩高清有码一区二区| 日韩一区二区三区免费播放 | 日韩精品一区二区三区都在看| 国产乱码免费一区二区三区| 最近最新免费成人在线视频| 欧美日韩亚洲精品综合网| 强暴美女视频大全久久久| 日本道欧美一区二区aaaa| 亚洲一区二区美女av| 亚洲国产熟对白剧情一区二区| 国产精品一区巨乳人妻| 9热在线视频精品这里只有| 亚洲av正片一区二区三区| 欧美劲爆三级免费观看|