如何更改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一页滚动导航的主要内容,如果未能解决你的问题,请参考以下文章