方法1(推荐): scrollIntoView()
- 给目标元素添加唯一id, 然后使用
scrollIntoView()
<div id="test" class="test">滚动到这里~</div>
handleNav(item) {
document.querySelector('#test').scrollIntoView(true);
}
方法2: 使用a标签
- 给目标元素添加唯一id
- 将导航元素用a标签包裹, 并将 href 与 id 对应
<div id="test" class="test">滚动到这里~</div>
<a href="test">
<span>按钮</span>
</a>
网友评论