如何更改jquery一页滚动导航

Posted 2023-05-08

【中文标题】如何更改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，然后您就可以将同一个类应用于多个元素。因此，您的水平导航可以具有与侧边栏点/右侧导航相同的链接。