页面中有时会有这样的标签,点击时可以跳转到页面的某个位置
例如:
<a herf="#we">加入我们</a>
<div id="we">....</div>
这样点击 加入我们 时,就可以跳转到页面中的id为 we 的位置,但是这样很生硬,是直接跳转没有任何效果,我们可以通过下面的方式使它点击时有滑动的效果。
<a @click=changeTop('#we')>加入我们</a>
<div id="we">....</div>
changeTop(id){
document.querySelector(id).scrollIntoView({
behavior: "smooth", // "auto"(默认)|"instart"|"sommth"(缓动)
block: "start" //"start"|"end"
)}
}