OnePageNav 在菜单外添加链接
我正在使用一页导航插件,它允许一个菜单来控制整个网站。
现在我想在该菜单外部添加一个链接,以链接到主页,也使用脚本提供的滚动效果。
也使用 ScrollTo 和 LocalScroll。
菜单:
<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>
代码:
$('#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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
在
#nav
之后/之外添加项目您已尝试使用
insertAfter ()
:您也可以使用
after()
之后添加一些未设置功能的内容单页导航。
To add a item after/outside the
#nav
You have tried it with
insertAfter()
:You also can do it with
after()
After that add something thats unset the functionality of the one page navigation.