Question

我一直在疯狂地让ScrollSpy工作。当用户在某个点之后向下滚动时，我有一个菜单保持在固定的左侧位置，但是，ScrollSpy拒绝以任何形状或形式工作。我已经尝试了很多方法来使它工作，以及使用CMS（DotNetNuke）所以请在这里和那里原谅一些乱码。

以下是导航的HTML：

    <div role="complementary" class="bs-docs-sidebar hidden-print" id="sideNav">
<div class="sideNavCont">
        <div>
        <span class="sideMenuHeading">TITLE</span>
        </div>
        <div class="sideMenuGuideSep"></div>
        <div class="sideMenu" id="navbar">
        <ul class="nav nav-list affix sideMenuGuide">
            <li><a href="#opt1">Option 1</a></li>
            <li><a href="#opt2">Option 2</a> </li>
            <li><a href="#opt3">Option 3</a> </li>
            <li><a href="#opt4">Option 4</a> </li>
    (and so on...)
        </ul>
    </div>
</div>
</div>

以下是我想要查看的内容的HTML：

<div id="content">
    <span id="opt1">
        <strong>Overview</strong>
    </span>
    <div>
         <strong>
             <span id="opt2" style="font-size: 32px;">TITLE</span>
          </strong>
    </div>
    <p>
         <span id="opt3" style="font-size: 32px;">
             <strong>TITLE</strong>
         </span>
   </p>
</div>

另外，我有这个Jquery：

    $('body').scrollspy({ target: '#content' });

请注意，我目前还在每个标题上都有工作页面锚点，这些页面锚点来自导航链接。

我知道答案可能正好盯着我，但我很感激你的帮助。谢谢！

Answer 1

来自bootstrap doc http://getbootstrap.com/javascript/#scrollspy。＆＃34;然后使用任何Bootstrap .nav组件的父元素的ID或类添加data-target属性。＆＃34;

所以它应该像这样初始化：

$('body').scrollspy({ target: '#sideNav' })

Bootstrap Scrollspy不起作用，不滚动

1 个答案: