【问题标题】:How to change jquery one page scroll navigation如何更改jquery一页滚动导航
【发布时间】: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 很容易做到这一点

标签: javascript jquery html css


【解决方案1】:

Animate scroll to ID on page load

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

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

【讨论】:

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

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

【讨论】:

    猜你喜欢
    • 2017-04-18
    • 2021-10-27
    • 2012-12-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-01-18
    • 1970-01-01
    相关资源
    最近更新 更多