Headroom.js

Headroom.js 介绍

什么是headroom.js？

headroom是用纯JavaScript写的 插件 ，用来隐藏和展示 页面 元素，从而为 页面 留下更多空间。比如使用headroom能使导航栏当 页面 下滚时消失，当 页面 上滚时候又出现。

headroom.js工作原理

通过感应目标元素不同的3种状态（原始，下滚，上滚），为目标元素更改相应的class，通过相应的class的css样式的变化得到所要的 效果 。

headroom.js使用

首先需要引用headroom.js和jQuery.headroom.js。将以下的 代码 加入到你的 代码 中。headroom.js作用：感应元素不同的状态为之更改相应的class。jQuery.headroom.js作用：提供jquery 插件 方式和Data-API方式 调用 headrooom()。 链接 : http://www.fly63.com/nav/131

网站地址 : http://wicky.nillia.ms/headroom.js/

GitHub: https://github.com/WickyNilliams/headroom.js

网站描述: 用来隐藏和展示 页面 元素，从而为 页面 留下更多空间，如下滚时消失，当 页面 上滚时候又出现

Headroom.js官方网站

官方网站： http://wicky.nillia.ms/headroom.js/

如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。

查看更多关于Headroom.js的详细内容...