Javascript Zurb基金会 试图在我的Zub基金会站点中实现HealE.js，但是不管我试图直接从标题中写入什么JS样式，都会被固定到页面的顶部。

我的html：

我的俏皮话：

只需在css中使用头{position:fixed；}或.header{position:fixed；}。要在js中进行更改，请尝试使用简单的$'.header'.css{position:'fixed'}；在你的文档准备功能中，我有这个，但是标题仍然没有消失

<header id="header" class="header">
  <div class="container">
    <nav data-topbar role="navigation" class="top-bar sticky">
      <ul class="title-area">
        <li class="name">
          <h1 href="#" class="a"></h1>
        </li>
        <li class="toggle-topbar menu-icon"><a href="#"><span>menu</span></a></li>
      </ul>
      <section class="top-bar-section">
        <ul>
          <li class="active"><a href="#header">home</a></li>
          <li><a href="#about">about</a></li>
          <li><a href="#our-team">our team</a></li>
          <li><a href="#contact-form">contact</a></li>
          <li><a href="#register" style="color:#056fb7;">register</a></li>
        </ul>
      </section>
    </nav>
  </div>
</header>

(function() {
var header = new Headroom(document.querySelector("#header"), {
    tolerance: 5,
    offset : 205,
    classes: {
      initial: "animated",
      pinned: "slideDown",
      unpinned: "slideUp"
    }
});
header.init();
};

.headroom
    transition: transform 200ms linear !important
.headroom--pinned
    display:block
    transform: translateY(0%) !important
.headroom--unpinned
    display:none
    transform: translateY(-100%) !important