在项目中,最简单最直接的锚点定位跳转的方式就是要给点击的a标签的href属性上,加上要跳转的内容对应的id,实现浏览器location的url的改变进行跳转,这个方法在Vue中加入Vue-router已经失效,要想实现在Vue中使用锚点定位进行跳转,在点击锚点之后获取到要跳转的内容的元素,然后给html或body或需要scroll的内容的scrollTop赋值,还有一个简单的方法就是在该元素的身上加上scrollIntoView()
,这个方法是最好用且不复杂的方法 :
document.getElementById('内容的id').scrollIntoView();