Javascript 引导scrollspy on scrollable div_Javascript_Jquery_Html_Twitter Bootstrap_Scrollspy

Javascript 引导scrollspy on scrollable div

javascript jquery html twitter-bootstrap

Javascript 引导scrollspy on scrollable div,javascript,jquery,html,twitter-bootstrap,scrollspy,Javascript,Jquery,Html,Twitter Bootstrap,Scrollspy,我正在尝试让引导ScrollSpy或任何“ScrollSpy”类型的脚本在名为#reportContainer的可滚动div上工作我的标签中有两个链接，因为其中一个是删除页面的删除按钮。类.page的链接是我希望看到的谁能帮我把这个弄好吗导航 <div id="leftReportBar"> <div id="leftBarContainer"> <ul id="reportNav" class="ui-sortable">

我正在尝试让引导ScrollSpy或任何“ScrollSpy”类型的脚本在名为

#reportContainer

的可滚动div上工作

我的标签中有两个链接，因为其中一个是删除页面的删除按钮。类

.page

的链接是我希望看到的

谁能帮我把这个弄好吗

导航

<div id="leftReportBar">
    <div id="leftBarContainer">
        <ul id="reportNav" class="ui-sortable">
            <li id="page_1_links">
                <a href="#" class="removePage ss-delete" id="page_1">&nbsp;</a>
                <a class="page" href="#page1">Page 1</a>
            </li>
            <li id="page_2_links">
                <a href="#" class="removePage ss-delete" id="page_2">&nbsp;</a>
                <a class="page" href="#page2">Page 2</a>
            </li>
            <li id="page_3_links">
                <a href="#" class="removePage ss-delete" id="page_3">&nbsp;</a>
                <a class="page" href="#page3">Page 3</a>
            </li>
        </ul>
    </div>
</div>

目标

<div id="reportContainer" style="height: 224px;" data-spy="scroll">
    <div id="zoomMe">
        <form action="#" id="page1">
            <div id="formPage">
                <!-- CONTENT GOES HERE -->
            </div>
        </form>

        <form action="#" id="page2">
            <div id="formPage">
                <!-- CONTENT GOES HERE -->
            </div>
        </form> 

        <form action="#" id="page3">
            <div id="formPage">
                <!-- CONTENT GOES HERE -->
            </div>
        </form>
    </div>
</div>

如果将

数据目标添加到可滚动的div中，以标识导航，或者将导航标识为leftBarContainer
或leftReportBar
，该怎么办
<div id="reportContainer" style="height: 224px;" data-spy="scroll" data-target="#leftBarContainer">



您没有指定引导版本，但在v2.3.2中，我在一个站点上实现了以下功能：
<body data-spy="scroll" data-target=".sidebar">
    <!-- Fixed navbar -->
    <!-- snip -->

    <div class="container">
        <div class="row">
            <!-- Sidebar -->
            <nav class="span3 sidebar hidden-print" role="complementary">
                <ul class="nav nav-list bs-docs-sidenav affix" role="navigation">
                    <li>
                        <a href="#description">Description
                            <i class="icon-chevron-right"></i>
                        </a>
                    </li>
                    <li>
                        <a href="#download">Download
                            <i class="icon-chevron-right"></i>
                        </a>
                    </li>
                </ul>
            </nav>

            <!-- Main Content -->
            <div class="span9" role="main">
            </div>
        </div>
    </div>
</body>








感谢您的帮助@nekno。我试过做
和几乎所有其他选项，但都不起作用。