滚动鼠标让navbar显示

用Bootstrap框架写好导航栏

1、代码如下:

2、初始导航栏为不可见

#navbar_appear{background-color:transparent;display:none;}

3、JS中设置鼠标滚动20px时出现导航栏

最终结果:


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第5章 菜单、按钮及导航 一、下拉菜单 小伙伴们注意,在Bootstrap框架中的下拉菜单组件是一个独立的组件,根...
    凛0_0阅读 5,093评论 0 66
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 1,815评论 0 2
  • 请求的json数据格式有误,少括号,结束时多逗号等
    看清与看轻阅读 242评论 0 0
  • 我是日记星球166号媛珂,我正在参加日记星球第三期蜕变之旅,我相信坚持力量,这是我第2篇原创日记! 20173月2...
    媛珂阅读 168评论 0 1
  • 曾被《快公司》杂志评选为年度最有创新力的人物;亚当‘格兰特;最近出了本新书《离经叛道》。最主要讲了以下几个问题。...
    潮汐之涌阅读 549评论 0 0