0

我使用带有滚动行为的引导程序 5 构建了一个单页网站：css 中的平滑。在页面上，我加载了一个外部预订脚本，您可以在其中填写客人数量、抵达和离开日期。

每次我单击主菜单上的链接时，站点都会转到所需区域，但会立即滚动到加载外部脚本的区域。

我已经检查了锚点和 ID。检查外部脚本的文件。将加载脚本的代码一点一点删除，看看是什么原因造成的。但问题不断出现。

该脚本使用索引文件。我以为脚本的索引文件和网站的索引文件有冲突。因此更改了站点索引的名称，但没有帮助。

我试过用谷歌搜索它，但问题太复杂了，无法用一个简单的谷歌短语来描述。

torroxholidays.com 下面是我导航的 html

 <!-- NAVIGATION BAR-->
    <nav id="mainmenu-top" class="navbar navbar-expand-lg fixed-top navbar-light bg-white">
        <div class="container">
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <a class="navbar-brand me-lg-0 pe-lg-0" href="index.html"><img src="/images/logo-transparant.png" class="w-75"></a>
            <div class="d-lg-flex flex-lg-row justify-content-lg-end">   
                <div class="collapse navbar-collapse" id="navbarTogglerDemo03">
                    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                        <li class="nav-item">
                            <a class="nav-link" href="#home">HOME</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link ms-3 ms-lg-1 ms-xl-3" href="#appartementen">APPARTEMENTEN</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link ms-3 ms-lg-1 ms-xl-3" href="#zoekenboek">ZOEK & BOEK</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link ms-3 ms-lg-1 ms-xl-3" href="#omgeving">OMGEVING</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link ms-3 ms-lg-1 ms-xl-3" href="#overons">OVER ONS</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link ms-3 ms-lg-1 ms-xl-3" href="#contact">CONTACT</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </nav> <!-- END NAVIGATION BAR -->

下面是我的脚本被加载的地方。

                <div class="container">
                <div class="row mt-3">
                    <div class="col-lg-1"></div>
                    <div class="col-lg-10">
                        <script type="text/javascript" src="https://www.torroxholidays.com/script/index.php?controller=pjFront&action=pjActionLoad&cid=1&theme=6&locale=2&hide=1"></script>
                    </div>
                    <div class="col-lg-1"></div>
                </div>
            </div>

我希望有人可以帮助我。

TIA

编辑：我仍在与这个问题作斗争。没有人熟悉这个问题吗？:(

4

0 回答 0