美文网首页
移动端路由跳转时让滚动条回到顶部

移动端路由跳转时让滚动条回到顶部

作者: 喜宝小窝儿 | 来源:发表于2018-12-11 09:43 被阅读0次

    问题原因:vue是单页面应用。导致路由切换之后,之前的滚动距离会一直存在。

    解决办法:在main.js中添加如下代码:

                      router.afterEach((to,from,next) => {

                            window.scrollTo(0,0);

                      });

    基于typescript的vue项目,代码如下:

                       router.afterEach(() => {

                            window.scrollTo(0,0);

                      });

    相关文章

      网友评论

          本文标题:移动端路由跳转时让滚动条回到顶部

          本文链接:https://www.haomeiwen.com/subject/nifshqtx.html