<div class="tab0" id="selector">
</div>
1.以下是js原生的scroll 滚动方式
//锚点跳转
goAnchor(selector, index) {
document.getElementById(selector).scrollIntoView(true)
}
//锚点跳转
goAnchor(selector, index) {
document.documentElement.scrollTop = document.querySelector(
selector
).offsetTop
}
2.a标签直接跳转
<a href="#1" rel="external nofollow" >星期1</a>
<div class="main_con" id="1">跳转至星期一详情</div>
实现方法: a标签的href属性的值填上对应的id.
注意:在Vue项目中,使用传统的在a标签的href属性中写id的方法无效,会导致浏览器的地址改变从而跳转到其他页面。
3.通过路由配置跳转
// 在router.js中添加
mode: 'history',
srcollBehavior(to,from,savedPosition){
if(to.hash){
return {
selector:to.hash
}
}
}