在使用vue脚手架做页面的时候，发现一个小bug...当你在一个页面的中间位置点击按钮进行组件跳转的时候，你会发现，你跳转到的新页面不是从顶部开始显示，而是在上一个页面点击按钮的位置显示在你视口的正中间，所以这就违背了我们网页开发的正常逻辑，针对以上发现的问题，我采取了一下解决办法，几行代码轻松搞定~
话不多说，上代码：
1.methods里面直接写一个函数：（函数名随便叫）
menu() {
window.scrollTo(0,0);
}
2.created里面调用：（在钩子里调用一样的）
this.menu();
原理就是页面加载完成的时候滚动条距离顶部为0；
这就很好的解决了vue组件单页面跳转滚动条位置的bug了。
在使用vue脚手架做页面的时候，发现一个小bug...当你在一个页面的中间位置点击按钮进行组件跳转的时候，你会发现...
作用：跳转前进行判断拦截。 vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法
切换路由后滚动条位置不在顶部 不生效的情况下 监听路由切换设置#app 距离顶部的位置 this 不指向vue的时...
固钉组件的作用是将页面元素固定在可视区域之内。 需求 固钉的基本功能就是将元素固定在页面的特定位置，即使存在滚动条...
1、切换页面，滚动条设置到顶部。也去网上找了很多办法，结合自身项目，用了下面的这个代码，可以实现。 2、用elem...
固定在顶部：navbar-fixed-top固定在底部：navbar-fixed-bottom 在页面顶部：nav...
通过执行js对滚动条的操作 拖动至底部 将滚动条移动到页面的顶部
在页面中，当滚动条下滑到一定位置时就会出现返回顶部的图标，点击图标后页面平缓的回到顶部位置。到了顶部，这个图标又会...
PC网站的导航栏在页面顶部，且不会保持在窗口顶部，当用户看完页面，想使用导航切换页面时，需要滚轮滑动多次，返回顶部...
1.左右滑动切换页面 wxml js 2.轮播图 wxml js 3.页面随着顶部点击或者滑动切换页面 wxml ...
本文标题：vue页面切换，滚动条始终固定在顶部！
本文链接：https://www.haomeiwen.com/subject/sspijxtx.html
网友评论