Javascript 外包nav上的引导js滚动触发器

Javascript 外包nav上的引导js滚动触发器,javascript,php,html,css,bootstrap-4,Javascript,Php,Html,Css,Bootstrap 4,因此,我只想在我的索引页(主页、联系人等)上使用js滚动触发器。但是我想把导航外包出去,这样我就可以把它包括在我的其他页面中 nav.html <nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav"> <div class="container"> <div class="collapse navbar-collapse" id="navbarRespon

因此,我只想在我的索引页(主页、联系人等)上使用
js滚动触发器。但是我想把导航外包出去,这样我就可以把它包括在我的其他页面中

nav.html

<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
    <div class="container">
        <div class="collapse navbar-collapse" id="navbarResponsive">
            <ul class="navbar-nav ml-auto">
                <li class="nav-item">
                    <a class="nav-link js-scroll-trigger" href="#home">Home</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link js-scroll-trigger" href="#contact">Kontakt</a>
                </li>
            </ul>
        </div>
    </div>
</nav>

index.php

<?php
    include 'nav.html';
?>
...

...
impress.php

<?php
    include 'nav.html';
?>
...

...
现在我的问题是,当您在impress页面上时,导航不起作用,因为它将尝试导航到
impress.php/#contact
,但它应该总是重定向到
index.php
或者更确切地说是
index.php/#contact