stickyNavbar.js:具有智能锚点链接突出显示的奇妙粘性导航jQuery插件

Posted

tags:

中文标题:stickyNavbar.js:具有智能锚点链接突出显示的奇妙粘性导航jQuery插件 原文标题:stickyNavbar.js: Fancy sticky navigation jQuery plugin with smart anchor link highlighting 项目评级:Star:285      Fork:64 下载地址:https://github.com/jbutko/stickyNavbar.js 详情介绍

粘性导航栏.js

stickyNavbar.js:漂亮的粘性导航jQuery插件,突出显示智能锚点链接

通缉维护人员

因为我不再有时间支持和维护这个插件,我正在寻找愿意接管这个项目并添加新功能、解决问题等的开发人员。你可以通过我的推特账户与我联系:@jozefbutko

1.设置

包括对jQuery库、jQuery轻松插件(可选)、animate.CSS(可选,不在<;IE9中工作)以及关闭body标签前页面底部的stickyNavbar本身的引用:

2.HTML标记

导航:

正文标记:

3.简体中文:

active类添加到style.css中,并根据您的喜好进行样式设置,例如:

注意:您可以将active类更改为任何您想要的类,并将自己的类传递到stickyNavbar函数的options对象中。

如果您希望页面在每次页面刷新后在顶部滚动,而不是在页面刷新前垂直滚动,请确保将top: 0添加到.sticky类。

4.查询:

调用导航包装器上的stickyNavbar函数(.header)、nav标签或ul标签,无选项对象:

或使用options对象:

5.演示

https://www.jozefbutko.com/stickynavbar/或者,如果您想使用选项:http://jsbin.com/wuluj/4/edit

6.学分

jQuery公司

动画.CSS

jQuery Easing插件

联系

版权所有(C)2014-2019 Jozef Butko

www.jozefbutko.com

网址:www.github.com/jbutko

@乔泽夫布特科

变更日志

1.3.5

1.3.4

1.3.3

1.3.2

1.3.1

1.3.0

1.2.2

1.2.1

1.2.0

1.1.3

1.1.2

1.1.1

1.1.0

1.0.5

1.0.4

1.0.3

1.0.2

1.0.1

1.0.0

如何删除锚点(链接)的下划线?

具有引导程序的固定表头和分段锚点

请教一个HTML超链接锚点的问题

制作锚点链接

锚点链接

[解决问题]未知的生成错误“已添加了具有相同键的项”(SVN进行更新后冲突,冲突解决等操作导致,并且无法定位到代码)