Offset top document.querySelector-Javascript

Offset top document.querySelector-Javascript,javascript,js-scrollintoview,Javascript,Js Scrollintoview,我使用以下代码在单击带有锚点的链接时使用平滑滚动。 这工作得很完美,但我需要添加一些88像素的偏移顶部,因为有一个静态标题 如何扩展此代码并添加88px的偏置顶部 代码: document.querySelectorAll('a[href^=“#“]”)forEach(anchor=>{ anchor.addEventListener('click',函数(e){ e、 预防默认值(); document.querySelector(this.getAttribute('href')).scr

我使用以下代码在单击带有锚点的链接时使用平滑滚动。 这工作得很完美,但我需要添加一些88像素的偏移顶部,因为有一个静态标题

如何扩展此代码并添加88px的偏置顶部

代码:


document.querySelectorAll('a[href^=“#“]”)forEach(anchor=>{
anchor.addEventListener('click',函数(e){
e、 预防默认值();
document.querySelector(this.getAttribute('href')).scrollIntoView({
行为:“平滑”
});
});
});

这将帮助您@untonispapadakis谢谢,但这都是基于jQuery的,我想改用JS方法。这将帮助您@untonispapadakis谢谢,但这都是基于jQuery的,我想改用JS方法。
<script type="text/javascript" >
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
    anchor.addEventListener('click', function (e) {
        e.preventDefault();

        document.querySelector(this.getAttribute('href')).scrollIntoView({
            behavior: 'smooth'
        });
    });
});
</script>