0

我是新手前端，遇到一个难以理解的问题。在我的页面上，当您单击顶部菜单中的链接时，它会向下滚动到所需的块。但是，除非用户将页面向下滚动几个像素，否则该链接不会被标记为活动。为什么会发生这种情况，我该如何解决？这是html：

            <nav class="menu">
                <div class="nav-collapse">
                    <ul class="nav">
                     <li><a data-action="scrollTo" href="#content" class="hover">Download</a></li>
                     <li><a data-action="scrollTo" href="#productfeatures">Product Features</a></li>
                     <li><a data-action="scrollTo" href="#howitlooklike">How it look like</a></li>
                     <li><a data-action="scrollTo" href="#mobile">Mobile Version</a></li>
                     <li><a data-action="scrollTo" href="#footer">Contacts</a></li>     
                    </ul>
                </div>
            </nav><!-- Nav End-->

如果您刷新页面并向上滚动 - 将出现一个活动链接。

你可以在这里看到的所有代码

4

1 回答 1

1

如果您使用的是 Bootstrap 那么为什么不使用 'ScrollSpy' JS 组件呢？

它易于使用并允许设置从窗口顶部的偏移量，这是您网站目前的根本问题。当您进行固定导航时，它会根据顶部的位置激活。

您可以使用“ScrollSpy”并将偏移量设置为略高于您的 NAV 元素高度。此外，每次激活新导航链接时都会触发“激活”事件。所以这应该对你有用。

这是链接： http: //getbootstrap.com/javascript/#scrollspy

于 2013-08-07T08:52:17.793 回答