注册    登录
最新消息: 本以为花钱买了那个amh的板面可以让网站更稳定,结果搞得整 个网站运行出错,真是赔了夫人又折兵,对不起大家了。最新版jquery-2.1.1下载  ,在线的 jquery API使用手册, 稳定版jquery.mobile-1.3.2下载

jquery滚动隐藏显示顶部导航栏Bootstrap Auto-Hiding Navbar

菜单 fishcity 11265浏览

顶部导航栏Bootstrap Auto-Hiding Navbar

Bootstrap Auto-Hiding Navbar是一款bootstrap的扩展应用插件,它可以轻松的实现顶部导航条随着滚动显示或者是隐藏,比如滚动最顶端时显示顶部导航条,滚动到中间时隐藏导航条,滚动到最底部时显示导航条。这功能很流行,很多网站在使用,喜欢的伙伴们有福了。当然bootstrap也是需要jquery库的,不要忘了哦,亲,若您不喜欢,请试下本站的另外一款jQuery通知栏插件jBar.

使用方法

引入核心文件jQuery和Bootstrap:

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.min.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="dist/jquery.bootstrap-autohidingnavbar.min.js"></script>

初始化插件

<script>$("div.navbar-fixed-top").autoHidingNavbar();</script>

转载请注明:jQ酷 » jquery滚动隐藏显示顶部导航栏Bootstrap Auto-Hiding Navbar

下载地址:本站下载 | 百度云 | 官方下载
下载说明:
☉如果您发现本文件已经失效不能下载,请联系站长修正!
☉如果您下载的文件出现解压不了或文件受损等情况,请选择其他下载点重新下载。
☉下载本站资源,如果服务器暂不能下载请过一段时间重试!
☉有小部分资源需要解压密码,请输入:jqcool.net。
☉本站提供的所有资源仅供学习研究与参考,请勿用于商业用途。