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全部内容。

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