Bootstrap Scrollspy 停止工作

Question

我正在尝试使用 scrollspy 并认为我做的一切都是正确的，但显然我没有...它一开始确实有效，但已经有一段时间了，我已经添加和减去堆，所以不是确定是什么原因造成的。这是我的代码

<body id="home" data-spy="scroll" data-target="#primary-nav" data-offset="20">
    <nav class="navbar navbar-custom navbar-fixed-top" role="navigation" id="primary-nav">
        <div class = container> 
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapse">
                    <span class="sr-only">Toggle nav</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>  
                <a class="navbar-brand" href="#featured"><span class="logo">reflections</span></a>
            </div><!--navbar-header-->
        </div><!--container-->

        <div class="collapse navbar-collapse navbar-right">
            <ul class="nav navbar-nav">
                <li class="hidden">
                    <a href="#home"></a>
                </li>
                <li role="presentation">
                    <a href="#villa">OUR VILLA</a>
                </li>
                <li role="presentation">
                    <a href="#photos">PHOTOS</a> 
                </li>
                <li role="presentation">
                    <a href="#contact">CONTACT US</a>
                </li>
                <li role="presentation">
                    <a href="#location">OUR LOCATION</a>
                </li>
            </ul>
        </div><!---navbar-collapse--->
    </nav>

非常感谢您的帮助。提前致谢，

Answer 1

scrollspy 运行良好 DWatson。将此样式属性添加到您的 css:

.navbar-nav>li.active {
    background-color: green;
}

滚动时颜色会相应变化。

Bootstrap Scrollspy 停止工作

Bootstrap Scrollspy stopped working

html

jquery

jquery-plugins

scrollspy

twitter-bootstrap-3