原文:【VueRouter】切換路由后,新頁面滾動到頂部或保持原先的滾動位置——scrollBehavior

使用前端路由,當切換到新路由時,想要頁面滾到頂部,或者是保持原先的滾動位置,就像重新加載頁面那樣。vue router能做到,而且更好,它讓你可以自定義路由切換時頁面如何滾動。 注意: 這個功能只在支持history.pushState的瀏覽器中可用。 當創建一個 Router 實例,你可以提供一個scrollBehavior方法: scrollBehavior方法接收to和from路由對象。第 ...

2021-02-06 17:48 0 461 推薦指數:

查看詳情

vue 切換路由頁面滾動到頂部

vue 切換路由頁面滾動到頂部 1.介紹:我們在切換路由的時候,特別是在頁面被緩存組件緩存之后,切換頁面的時候頁面會停留到上個頁面位置,但是我們希望跳轉路由新的頁面能到達最頂部 ...

Fri May 08 18:40:00 CST 2020 0 1399
怎樣讓頁面滾動到頂部

網頁的滾動有橫向( x軸 )和縱向( y軸 ), 要想滾動到頁面頂部, 需要將 x軸 和 y軸 設置為 0, 需要用到滾動元素的: el.scrollTop 和 el.scrollLeft 屬性. ...

Tue Sep 17 19:38:00 CST 2019 0 1048
scrollTop如何實現click頁面過渡滾動到頂部

用JS操作,body元素的scrollTop 下面不確定,網上找的沒實驗; 點擊頁面回到底部或者指定位置滾動到頂部滾動到指定位置: 完整事例: ...

Fri Nov 04 01:54:00 CST 2016 0 8250
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM