1.a标签跳转 会改变链接，链接后会加上id


跳到id为demo的DIV

2.button按钮跳转 window.location.hash跳转 会改变链接，链接后会加上id



再添加js代码
function onTopClick() {
window.location.hash = “#domo”;
}
由于btn没有herf跳转功能，这里我们用hash（锚链接）跳到当前页面的位置

3.通关获取距离，使得页面滚动 不改变url地址会


再添加js代码
$(document).on(‘click’,$(‘.btn’),function(){
$(window).scrollTop($(‘#demo’).offset().top)
})
通过先得到id为demo的div距离文档顶部的距离，再使页面滚动到这个高度来达到目的。

4.锚点定位 querySelector().scrollIntoView(true); 不改变url地址

html
事件触发

  • {{regionalList[index]}}

    • 锚点埋藏

    JavaScript
    toTegional(index) {
    let id = ‘#price’ + index;
    document.querySelector(id).scrollIntoView(true);
    },