代码之家  ›  专栏  ›  技术社区  ›  JGeer

偏移顶部document.querySelector-Javascript

  •  1
  • JGeer  · 技术社区  · 5 年前

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

    如何扩展此代码并添加88px的偏移量?

    <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>
    
    0 回复  |  直到 5 年前
    推荐文章