Javascript 让Headloom.js在我的网站上运行时遇到问题

我正在尝试将headloom.js添加到我的公文包网站，但很难让它正常工作

我已经下载了headloom.min.js并将其添加到我创建的js文件夹中。我根本没有修改代码，不确定是否需要修改。我的头牌

  <script src="js/headroom.min.js"></script>   
  <script type="text/javascript">
    // grab an element
    var myElement = document.querySelector("header");
    // construct an instance of Headroom, passing the element
    var headroom  = new Headroom(myElement);
    // initialise
    headroom.init();
</script> 

我的头没有任何类，我只是使用头标记

现在我的标题在页面顶部，未固定。我对javascript相当陌生，可能缺少一些非常明显的东西。如果你能帮忙，请告诉我

---

谢谢大家!

在加载html之前，您可能正在页面顶部运行脚本，因此尚未加载header元素。您需要在页面底部加载此脚本，或者在文档完成时加载它

我将脚本放在body标记的末尾之前，现在它可以工作了。非常感谢你，这让我快发疯了！

header {width:100%;height:75px;background: #383838 url('../images/header-bg.png') repeat-x    left top;}
header.headroom {position: fixed;top: 0;left: 0;right: 0;transition: all .2s ease-in-out;}
header.headroom--unpinned {top: -75px;}
header.headroom--pinned {top: 0;}