Javascript 链接到具有数据属性的另一页上的锚定

我想使用数据属性导航到另一个页面（index.html）的锚。这可能是一个简单的问题，但不幸的是我对JS的了解不是很好。以下是在索引页面上运行良好的代码：

HTML:

我想我必须更改另一个页面的JS代码？ 干杯

<nav class="header__navbar j-voiceMenu">
                <ul>
                    <li class="header__menu">
                        <a class="header__voice j-header__voice selectedItem" data-attr-scroll="about" href="#">
                            <span> About </span>
                        </a>
                    </li>
                    <li class="header__menu">
                        <a class="header__voice j-header__voice selectedItem" data-attr-scroll="contact" href="#contact">
                            <span> Contact </span>
                        </a>
                    </li>
                </ul>
</nav>

$('.selectedItem').click(function (event) {
        event.preventDefault();
        var defaultAnchorOffset = 0;
        var anchor = $(this).attr('data-attr-scroll');
        var anchorOffset = $('#' + anchor).attr('data-scroll-offset');

        if (!anchorOffset)
            anchorOffset = defaultAnchorOffset;

        $('html,body').animate({
            scrollTop: $('#' + anchor).offset().top - anchorOffset
        }, 500);
        $('.blockCont').removeClass('active');
        $('.j-voiceMenu').removeClass('menu_mobile');
        $('.header__hamIcon').removeClass('active');
        $('.hamIcon').removeClass('active');
    });