web前端|js教程
jQuery,导航,滚动
web前端-js教程
粘性滚动是当导航在滚动过程中会占粘于浏览器上,达到方便网站页面浏览的效果,也是一种用户体验,本文主要介绍了jQuery实现的粘性滚动导航栏效果,涉及jQuery插件smint的相关使用技巧,并附带完整实例源码供读者下载参考,需要的朋友可以参考下,希望能帮助到大家。
js获取某网页源码,ubuntu重置ip命令,tomcat如何查看错误,税务 网络爬虫,php和前端哪个难,此岸seolzw
下面我们看一下是怎么实现的:
javaee项目源码下载,怎么正确安装Ubuntu,tomcat访问路径出错,Python就是爬虫?,运行php的软件,网站如何seo找行者SEOlzw
jQuery的 smint插件,也是一个导航菜单固定插件。当页滚动时,导航菜单会固定在顶部;当点击菜单时,页面会平滑的滚动到对应的区域。
int 13 源码,vscode怎么引入数据库,ubuntu引导画面,tomcat连接打不开,爬虫突破限制,php三维数组输出,荆门发帖seo推广都有哪些渠道lzw
兼容性
由于 smint 使用了 position: fixed,所以它不兼容 IE6。适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.
引入文件
HTML
HomeSection 1Section 2Section 3Section 4Section 5
Section 1
Section 2
Section 3
Section 4
Section 5
注意:菜单的外部容器(如上例的 subMenu)需要设置样式 position:absolute,并且每个菜单的 a 标签需要设置 id,id 的值与下面对应区域的 class 的值一致。
JavaScript
$(function() { $(.subMenu).smint({ scrollSpeed : 1000 });});
jQuery实现导航栏头部菜单项点击后变换颜色的方法实例详解
JavaScript实现个性导航栏特效
JavaScript实现精美个性导航栏筋斗云效果的示例代码