jQuery实现的粘性滚动导航栏效果实例【附源码下载】
本文实例讲述了jQuery实现的粘性滚动导航栏效果。分享给大家供大家参考,具体如下:
粘性滚动是当导航在滚动过程中会占粘于浏览器上,达到方便网站页面浏览的效果,也是一种用户体验,下面我们看一下是怎么实现的:
jQuery的smint插件,也是一个导航菜单固定插件。当页滚动时,导航菜单会固定在顶部;当点击菜单时,页面会平滑的滚动到对应的区域。
兼容性
由于smint使用了position:fixed,所以它不兼容IE6。适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.
引入文件
HTML
Home Section1 Section2 Section3 Section4 Section5