如何更改jquery一页滚动导航

Posted

技术标签:

【中文标题】如何更改jquery一页滚动导航【英文标题】:How to change jquery one page scroll navigation 【发布时间】:2013-12-11 18:34:57 【问题描述】:

我目前正在使用jquery插件一页滚动(http://www.thepetedesign.com/demos/onepage_scroll_demo.html

我想保留在右侧添加的股票导航,但如果我希望链接导航到 index.html 文件上的不同 div,我也有一个固定的导航栏。

我想给每个 div 一个特定的 id,但是我如何让导航与平滑滚动一起工作?

【问题讨论】:

您可以考虑改用fullPage.js。您尝试创建的导航对我来说听起来像是一个菜单,它链接到各个部分。使用 fullPage.js 很容易做到这一点 【参考方案1】:

Animate scroll to ID on page load

就是这样,通过这段代码,你可以流畅地在页面上滚动。

$("html, body").animate( scrollTop: $('#objectToScroll').offset().top , 1000);

【讨论】:

需要使用我发布的插件。它负责隐藏和显示每个单独的 div。【参考方案2】:

只需使用类,而不是 id,然后您就可以将同一个类应用于多个元素。因此,您的水平导航可以具有与侧边栏点/右侧导航相同的链接。

【讨论】:

以上是关于如何更改jquery一页滚动导航的主要内容,如果未能解决你的问题,请参考以下文章

jQuery:在页面滚动时更改固定顶部导航栏的文本颜色

如何更改导航颜色以在网站上滚动?

如何隐藏导航栏+工具栏并在滚动时更改tableView高度

滚动时如何使透明导航栏可见

如何让我的导航栏在滚动通过锚点时更改 CSS 类?

html 一页没有插件的滚动导航