javascript - オフセットトップ document.querySelector - Javascript

Question

次のコードを使用して、アンカー付きのリンクをクリックしたときにスムーズ スクロールを使用します。これは完璧に機能しますが、静的ヘッダーのため、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>