使用前端路由，当切换到新路由时，想要页面滚到顶部，或者是保持原先的滚动位置，就像重新加载页面那样。 vue-router 能做到，而且更好，它让你可以自定义路由切换时页面如何滚动。 注意: 这个功能只在 HTML5 history 模式下可用。 当创建一个 Router 实例，你可以提供一个 ...

代码比较简单,直接上代码： 记录进步。 ...

情况一： 导航栏 有导航 跳到某个页面的某个位置 方法一： 通过refs定位 修改 document.documentElement.scrollTop和document. ...

传统的锚点定位会与vue-router中的路由设置存在冲突，解决方法自定义锚点跳转： html： js： ...

需求：点击TAB,可以实现板块的快速定位，平滑滚动， 起初思路把买个TAB对应的页面当成单独的页面，所以方向错了，成了不同页面间的跳转，其实应该是一个页面中有不同的组件，每个组件占一屏，点击TAB锚点定位 1.锚点的平滑滚动 ...

基于vue监听滚动事件，实现锚点链接平滑滚动 近日在做一个vue项目的餐饮模块，小编需要实现一个菜单列表显示的功能(如图所示：左边为菜单类别，右边显示相对应的菜品) 小编将此分为三个功能模块来实现(本来一张动画就清晰明了，小编太笨，只得口述一下)： 左边点击类别，右边显示相应类别的菜 ...

1. vue爬坑之路：监听滚动事件，实现动态锚点 2. window.scrollTo()滚动动画（ES6模块写法） ...

最近碰到一个常见的需求，今天来整理一下思路 点击锚点 页面滚动到指定位置，这个很常见 当需要滚动页面的时候 点击栏(菜单栏) 同步展示高亮 这个怎么完成呢？ 话不多说 贴代码 1. 这是头部点击跳转部分 这个anchor 是给每个区域 命名的 id值 ...