原文:【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