自动隐藏标题在网页设计中稳定流行了一段时间。许多博客和在线杂志都使用粘性标头来保持用户的参与度，并让他们直接访问导航。
中已经重新定义了这个功能用一个基本的概念是皮的导航，同时向下滚动，但显示它同时向上滚动。这个概念已经成为一种流行的趋势，现在您可以使用headroom.js轻松复制它。
headroom.js是一个免费的原始javascript库，没有依赖项或过多的api功能。您只需将其添加到html中，定位页面标题，然后运行它。
headroom只是添加和删除某些动画类的css类，以便使用javascript?显示/隐藏标头来检测运动。
您可以自己实现此功能，但是为什么要麻烦呢？净空经过测试并支持所有主要浏览器。如果您已经在站点上安装了js库，它甚至可以与jquery或zepto配合使用。
您将在github存储库中找到大量代码示例，但这是针对该元素的简单示例：#header
var myelement = document.queryselector(#header);
// create a headroom object passing in the #header element
var headroom? = new headroom(myelement);
// initialize the library
headroom.init();
该init()功能具有很多可定制的选项。您可以自定义不同的元素类，以及不同的事件触发器回调，在其中可以嵌入自己的函数。例如，如果您希望元素在取消固定后消失，则可以使用onunpin回调。
这些选项全部列在主插件页面上，因此请检查一下并查看您的想法。如果要查看“运行中的余量”，请查看下面的笔，其中包含主演示页面的完整副本。