时间戳

首页 > 解决方案 > 在外包导航上引导 js-scroll-trigger

javascript - 在外包导航上引导 js-scroll-trigger

问题描述

所以我想js-scroll-trigger在我的索引页面上使用唯一的（主页、联系人等）。但我想外包导航，以便我可以将它包含在我的其他页面中。

导航.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>

索引.php

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

印象.php

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

现在我的问题是，当您在印象页面上时导航不起作用，因为它会尝试导航到ìmpress.php/#contact但它应该始终重定向到index.php或者更确切地说index.php/#contact

标签： javascriptphphtmlcssbootstrap-4

解决方案

推荐阅读