如果頁面A沿Y軸滾動一段距離，然后跳轉(zhuǎn)到頁面B;在進入B頁面時，B頁面已經(jīng)滾動到頁面A的距離，返回頁面A,發(fā)現(xiàn)A還在之前的滾動位置；

• 在路由守衛(wèi)回調(diào)中，設(shè)置每次進入路由時，將window的scroll值設(shè)置為0；window.scroll(0,0);

// 全局路由守衛(wèi) router.beforeEach((to, from, next) => {// to: Route: 即將要進入的目標 路由對象// from: Route: 當前導(dǎo)航正要離開的路由// next: Function: 一定要調(diào)用該方法來 resolve 這個鉤子。執(zhí)行效果依賴 next 方法的調(diào)用參數(shù)。// A跳轉(zhuǎn)到B，B頁面停留在A頁面的滾動位置；解決方法：將scrollTop設(shè)置為0window.scroll(0, 0);// nextRoute: 設(shè)置需要路由守衛(wèi)的路由集合const nextRoute = ['home', 'good-list', 'good-detail', 'cart', 'profile'];let isLogin = global.isLogin; // 是否登錄// 未登錄狀態(tài)；當路由到nextRoute指定頁時，跳轉(zhuǎn)至loginif (nextRoute.indexOf(to.name) >= 0) { if (!isLogin) {console.log('what fuck');router.push({ name: 'login' })}}// 已登錄狀態(tài)；當路由到login時，跳轉(zhuǎn)至home if (to.name === 'login') {if (isLogin) {router.push({ name: 'home' });}}next(); });

總結(jié)

以上是生活随笔為你收集整理的vue 页面A转到页面B,B页面停留在A页面的滚动位置的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。