css - 为什么Scrollspy定位到外部div而不是ul？

所以我的困惑是Scrollspy的目标是外部div，而不是它正在修改的实际元素。我想了解为什么会这样？

有问题的代码是第12行和第89-90行：

http://4f7ba83874222b00ae84-8c55136fa379d9b2d1adde446f45d068.r28.cf2.rackcdn.com/scrollspy.html

尽我最大努力在此处包括相关部分：

<body data-spy="scroll" data-target="#myScrollspy">
    <div class="container">
        <div class="row">
            <div class="col-xs-10 col-sm-10 col-md-10 col-lg-10">
                <h1 id="p_1">Part 1</h1>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut et felis consequat velit sollicitudin fermentum....
                </p>
                <h1 id="p_2">Part 2</h1>
                <p>
                    Maecenas massa eros, aliquam id nisi ut, venenatis eleifend diam....
                </p>
                <h1 id="p_3">Part 3</h1>
                <p>
                    Quisque id luctus tortor, a scelerisque nulla....
                </p>
                <h1 id="p_4">Part 4</h1>
                <p>
                    Nam sed volutpat sapien....
                </p>
            </div>

            <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2" id="myScrollspy">
                <ul class="nav nav-pills nav-stacked affix">
                    <li class="active"><a href="#p_1">Part 1</a></li>
                    <li><a href="#p_2">Part 2</a></li>
                    <li><a href="#p_3">Part 3</a></li>
                    <li><a href="#p_4">Part 4</a></li>
                </ul>
            </div>
        </div>
    </div>
</body>

最佳答案

它实际上以任何Bootstrap导航组件的父元素为目标。
如果您将数据目标放入ul导航类，它也将起作用。

关于css - 为什么Scrollspy定位到外部div而不是ul？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39029440/

ScrollSpy

css - 为什么Scrollspy定位到外部div而不是ul？