1.使用a标签+#号
<a href="#box1">我跳到box1</a>
<div id="box2"></div>
上面这一种的缺点是,url会发生改变,会在url最后面加上片段识别符#box2,这样就改变了URL的路径,这是我们不想看到的。因为再次刷新的时候回出现问题。当使用 vue-router回退时,发现需要回退很多次。
2.scrollTop滚动到某位置
document.documentElement.scrollTop=380;//不需要加单位
3.scrollIntoView()实现滚动到某元素
document.getElementById("ID").scrollIntoView(true);
4. batter-scrooll 滚动到指定元素scrollToElement(el, time, offsetX, offsetY, easing)
//跳转到顶部
window.scrollTo(0, 0)
5.一个滚动中盒子,算滚动到那个位置
div1 = document.querySelector('#navWtxq')
top2 = $(div1).offset().top;
// console.log('top2值'+top2)
let navWtxq = document.querySelector('#navWtxq').offsetHeight;