鍍金池/ 問(wèn)答/HTML/ betterr-scroll在火狐瀏覽器出現(xiàn)的問(wèn)題

betterr-scroll在火狐瀏覽器出現(xiàn)的問(wèn)題

vue項(xiàng)目使用better-scroll滾動(dòng)列表,點(diǎn)擊列表項(xiàng)路由跳轉(zhuǎn)至詳情頁(yè),返回時(shí),火狐瀏覽器可以記住列表的位置,但是拖動(dòng)時(shí)會(huì)先返回到頂部.
為了記住組件狀態(tài),使用了keep-alive
目前知道只在火狐瀏覽器有這個(gè)問(wèn)題,谷歌和safari正常
嘗試:
在列表頁(yè)進(jìn)入路由和activated生命周期都設(shè)置了離開(kāi)列表之前保存的滾動(dòng)位置,回到列表頁(yè)也可以定位到相應(yīng)的位置,但就是拖動(dòng)時(shí)會(huì)先變成translate(0,0)
clipboard.png

回答
編輯回答
涼薄

該問(wèn)題已自行解決,可在進(jìn)入列表路由頁(yè)面前,手動(dòng)調(diào)用better-scroll的刷新方法
beforeRouteEnter (to, from, next) {

  next(vm => {
    if (vm.scroll) {
      vm.scroll.refresh()
    }
  })
},
2017年6月26日 13:46