UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

jquer滚动隐藏显示顶部导航栏

所属分类：UI-滚动

 59667  381  查看评论 (7)
分享到微信朋友圈
X
jquer滚动隐藏显示顶部导航栏 ie兼容9
 查看演示  website  立即下载

使用方法

页面添加jQuery和Bootstrap:

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


包括插件的代码：

<script src="dist/jquery.bootstrap-autohidingnavbar.min.js"></script>


调用插件：

$(".navbar-fixed-top").autoHidingNavbar({

});
相关插件-滚动
查看更多

向下滚动加载动画特效插件AOS

 向下滚动网页加载动画特效插件AOS
  滚动
 37252  435

jQuery简单的文字跑马灯特效

 这是一款非常简单的jQuery文字跑马灯特效插件。该跑马灯特效使文本从右向左不停循环，当鼠标放到跑马灯上的文字时，跑马灯会暂停运动。
  滚动
 213782  358

新闻向下翻滚更新

 新闻向下翻滚更新
  滚动
 35563  431

页面过度效果大集合(推荐！)

 jQuery页面过度效果大集合
  滚动
 75976  1337

讨论这个项目（7）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    蛋炒饭 0
    2018/1/13 10:38:44

    可以自己设定隐藏元素的高度吗？

    回复
    张小孬2014 0
    2016/12/16 15:12:25

    滑动块是个姨妈巾么，哈哈

        童话里的安徒生0
        2019/1/21 17:23:36
        就你知道的多，哈哈
    回复
    Pg_Channel 0
    2016/8/11 12:08:40
    gauch 0
    2016/7/6 22:07:51
    翰臣-方 0
    2016/2/23 11:02:31
    有没有能兼容到IE7的？求教 回复
    婷美就是你 0
    2015/5/19 14:13:59
    婷美就是你 0
    2015/5/19 14:13:48
    楼主，这个效果很好，很喜欢，3q 回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复