Javascript 使用headloom.js

我想在页脚中使用headloom.js，但我没有工作。HTML只是一个普通代码，其中.PageList是我的页脚

CSS：使我的页脚粘在页面底部

.PageList {
   background: #fff;
   bottom: -15px;
    margin: 0;
    padding: 0;
   padding-top: 10px;
   color: #000;
   width: 790px;
   position:fixed;
   z-index:99999;
    font-size: 12px;
}

Javascript使净空工作。但它不起作用：

(function() {
    var header = new Headroom(document.querySelector(".PageList"), {
        tolerance: 5,
        offset : 205,
    });
    header.init();
}());

---

有人能帮忙吗？

在HTML解析器看到带有

class=PageList

的元素后，javascript函数需要运行。例如，在页脚后面包含

，或者在

元素上使用

延迟
属性。
不确定这是否是您在此处输入代码的错误，但净空变量应该如下所示：

var headroom  = new Headroom(document.querySelector(".PageList") , {
    tolerance: 5,
    offset : 205,
});

例如
您可以发布一个jsfiddle吗？