<script>
// 获取页面元素
var myElement = document.querySelector("header");
// 创建 Headroom 对象，将页面元素传递进去
var headroom = new Headroom(elem, {
"tolerance": 5,
"offset": 205,
"classes": {
"initial": "animated",
"pinned": "slideDown",
"unpinned": "slideUp"
}
});
headroom.init();

// to destroy
headroom.destroy();
</script>
头部用的是

header{position:fixed; top:20px; z-index:99}

<header id="header" class="header header--fixed hide-from-print" role="banner">
可是写出来以后并没有效果
怎么实现呢。。。