vue的路由设置为hash模式,正常使用a标签的锚点定位,在浏览器刷新/后退/前进时,路由会匹配不上,导致页面无法正常渲染,在网上查了许多资料都说是要将vue的路由设置为history模式,后来偶然想到一种方法,现记录如下: 说明:上面的实现方式并不完美,页面刷新时,不会直接显示到上 ...
问题 由于vue 路由hash模式在url中已经将 占用,页面上的 已经不具备hash 锚点功能。 js实现带动画的锚点定位 html: ...
2019-12-30 11:19 0 1070 推荐指数:
vue的路由设置为hash模式,正常使用a标签的锚点定位,在浏览器刷新/后退/前进时,路由会匹配不上,导致页面无法正常渲染,在网上查了许多资料都说是要将vue的路由设置为history模式,后来偶然想到一种方法,现记录如下: 说明:上面的实现方式并不完美,页面刷新时,不会直接显示到上 ...
//模拟锚点跳转goAnchor(selector) { let anchor = this.$el.querySelector(selector); //document.documentElement.scrollTop ...
vue 锚点定位 ...
路由 hash 模式已经将#占用, 页面的锚点功能失效,此时就不能使用a标签进行定位跳转了。 其他方法: window.scrollTo(x,y); x,y为坐标,需要知道目标位置的准确坐标;无单位,像素值;和scroll用法基本一致 ...
文来自:https://blog.csdn.net/qq_43369797/article/details/98966790 功能: HTML: js: ...
1 当前组件的顶部 this.$el.scrollIntoView() 2 指定的 Element this.$el.querySelector(selector).scrollIntoView ...
...
场景如下: 今天早上看到需求方新提的一个需求,这是一份网上答卷,点击题数要实现滚动到对应题目的位置; 注意点:每题题目的高度是不受控制的,你可以取到想跳转的index;(我再循环题 ...