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

【问题标题】：Bootstrap Carousel auto-scrolls whole page when changing slides更换幻灯片时，Bootstrap Carousel 会自动滚动整个页面
【发布时间】：2015-04-04 20:33:52
【问题描述】：

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

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

这是导航栏的代码，我不确定为什么它会滚动，即使不包括轮播部分。（快速说明：轮播位于 about 部分和 members 部分之间，如果不同的话）

（在我点击下一步之前）

（点击下一步后）

<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>

【问题讨论】：

好的，所以您正在导航您的导航栏，但它执行与轮播相同的操作？在小提琴上，我似乎找不到旋转木马或导航栏
Fiddle 没有引导资源的东西，但我会尽力向您展示图片（在我点击下一步之前）imgur.com/Om3eZtp（在我点击下一步之后）imgur.com/cyNHWLh
确实如此，添加 jquery 2.1 + 并且它下方的下拉框将为您提供 jquery mobile 的选项，jsfiddle 左侧的 boostrap
哦，哎呀，我不知道，对不起。我更新了它，但一切仍然很混乱。如果我上传网站文件并让人们自己打开它，是否有可能/允许？
试试 darren sweeney 已经给出的答案，它似乎可行。

标签： html css twitter-bootstrap carousel

【解决方案1】：

这是因为导航是 position: fixed - 如果您将 margin-top: 100px 添加到 #intro 它会按计划工作

【讨论】：

我试过你说的但没有运气。不过感谢您的快速回复！
去这里，它工作得很好：jsfiddle.net/zocpu8oo/1 在你的 css 末尾添加了一个 css 类
哦，这很奇怪。它在 jsfiddle 中确实可以正常工作，但是当我在我自己的计算机上的文件中添加它时，它仍然会滚动。我已经在 chrome 和 firefox 中打开了文件，所以我认为这不是浏览器问题。