更改幻灯片时，Bootstrap Carousel会自动滚动整个页面

Question

我正在尝试在我们现有的网站www.121studios.ca中添加一个bootstrap轮播。目前，旋转木马工作正常，除了页面向上滚动，以便旋转木马与浏览器的顶部对齐。我认为它与导航栏以及它自动滚动到您选择的部分的方式有关。

https://jsfiddle.net/zocpu8oo/5/

这是导航栏的代码，我不知道为什么它会滚动，即使没有包含旋转木马部分。 （快速说明：轮播在约会部分和会员部分之间，如果它有所不同）

（在我点击下一步之前）

（点击下一步后）

<header id="header" class="light">
    <!-- Logo: Delete "class="logo"" to remove the logo or upload your own logo to "assets/images". -->
    <a id="logo" href="#intro"></a>

    <!-- Navigation: Each item below must correspond with the "section" id's defined below. -->
    <ul id="navigation">
        <li class="current"><a href="#intro">Home</a></li>
        <li><a href="#about">About</a></li>
        <li><a href="#menu">Membership</a></li>
        <li><a href="#locations">Locations</a></li>
        <li><a href="#news">News</a></li>
        <!-- <li><a href="http://121studios.tumblr.com">Blog</a></li> -->
    </ul>
</header>

Answer 1

因为导航为position: fixed - 如果您向margin-top: 100px添加说#intro，则按计划运行