前端锚点处理方式

1,213 阅读1分钟

1、可以用a标签进行锚点

<a id="anthor" href="#a"></a>
<li id="a" style="list-style:none;"></li>
let anthor = document.getElementById('anthor');
setTimeout(()=>{
    anthor.click();
}, 3000);
点击第一个a标签元素,会锚点到id为a的标签的位置

2、window.scrollTo(x, y) 第二种方式是利用window.scrollTo(x, y)来进行跳转

let timer;
let a = document.getElementById('xx');
timer = setInterval(()=>{
    window.scrollTo(0, a.offsetTop - 200);
    clearInterval(timer);
}, 1000);

直接写window.scrollTo失效,查资料用定时器触发可奏效,后因为定时器多次触发,取消掉。