Headroom.js是一个轻量级、纯JS组件，用来隐藏或展现页面上的元素，为你的页面留下更多展示内容的空间。
Headroom.js是什么？Headroom.js是一个轻量级、高性能的JS小工具（不依赖任何工具库！），它能在页面滚动时做出响应。此页面顶部的导航条就是一个鲜活的案例，当页面向下滚动时，导航条消失，当页面向上滚动时，导航条就出现了。
Headroom.js有什么用？固定页头（导航条）可以方便用户在各个页面之间切换。但是这也会带来些问题…
大屏幕一般都是宽度大于高度的，也就是说屏幕高度要少一些。固定页头会占用一部分本来可以用于展示内容的区域。小屏幕一般是高度较大，但是别忘了，屏幕本来就小，页头再占用一部分的话，屏幕可用于展示内容的区域当然还是少。
Headroom.js能帮你把不需要的页面元素在合适的时间展示出来，让用户花更多时间