Question

我有侧边栏导航

 <!-- Sidebar -->
    <div id="sidebar-wrapper">
        <ul class="sidebar-nav">
        <li class="sidebar-brand"><a href="#">My Site</a></li>
        <li><a href="#start">Start</a></li>
        <li><a href="#feedback">Feedback</a></li>
        <li><a href="#section3">Sec3</a></li>
        <li><a href="#section4">Sec4</a></li>
        </ul>
    </div>

如果我将data-spy="scroll" data-target="sidebar-wrapper"添加到<body>，则ScrollSpy无效。我在这里搜索StackOverflow但其他所有人都有另一个导航栏<nav>或<span>

只是为了确定：我补充道 <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> <script type="text/javascript" src="https://code.jquery.com/jquery-1.10.2.min.js"></script> <head>到{{1}}，因此应加载ScrollSpay

Answer 1

有两个潜在的问题......

data-target="sidebar-wrapper"上的

<body>应为data-target="#sidebar-wrapper"。

<ul class="sidebar-nav">需要导航类，例如：<ul class="sidebar-nav nav nav-stacked">

需要确保链接也可以解析。查看完整文档... http://getbootstrap.com/javascript/#scrollspy

Bootstrap 3 Sidebar-nav Scroll Spy不工作

1 个答案: