OnePageNav 在菜单外添加链接

发布于 2024-12-13 10:05:06 字数 978 浏览 0 评论 0原文

我正在使用一页导航插件,它允许一个菜单来控制整个网站。

现在我想在该菜单外部添加一个链接,以链接到主页,也使用脚本提供的滚动效果。

也使用 ScrollTo 和 LocalScroll。

菜单:

<ul id="nav">
  <li class="current rotmin"><a href="#one">Home</a></li>
  <li class="space">&nbsp;</li>
  <li class="rotplus"><a href="#two" class="menuitem">About</a></li>
  <li class="space">&nbsp;</li>
  <li class="rotmin"><a href="#three" class="menuitem">Blog</a></li>
  <li class="space">&nbsp;</li>
  <li class="rotplus"><a href="#four" class="menuitem">Contact</a></li>
</ul>

代码:

$('#nav').onePageNav({
  currentClass: 'current',
  changeHash: false,
  scrollSpeed: 1000
});

如果有人能把标题做得更好,请随意更改,因为它很不清楚,抱歉!

I'm using the One Page Navigation Plugin which allows for one menu to control the whole site.

Now I'd like to add a link outside of that menu to link to home also using the scroll effect the scripts provide.

Also using ScrollTo and LocalScroll.

The menu:

<ul id="nav">
  <li class="current rotmin"><a href="#one">Home</a></li>
  <li class="space"> </li>
  <li class="rotplus"><a href="#two" class="menuitem">About</a></li>
  <li class="space"> </li>
  <li class="rotmin"><a href="#three" class="menuitem">Blog</a></li>
  <li class="space"> </li>
  <li class="rotplus"><a href="#four" class="menuitem">Contact</a></li>
</ul>

The code:

$('#nav').onePageNav({
  currentClass: 'current',
  changeHash: false,
  scrollSpeed: 1000
});

Someone who can do a better job with the title, please feel free to change it as it's very unclear, sorry!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

一杆小烟枪 2024-12-20 10:05:06

#nav 之后/之外添加项目

您已尝试使用 insertAfter ()

$('<a href="#home">Test</a>').insertAfter('#nav');

您也可以使用 after()

之后添加一些未设置功能的内容单页导航

To add a item after/outside the #nav

You have tried it with insertAfter():

$('<a href="#home">Test</a>').insertAfter('#nav');

You also can do it with after()

After that add something thats unset the functionality of the one page navigation.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文