title: headroom.js with zurb foundation
body: <p>Trying to implement <code>header.js</code> into my zub foundation site, but no matter what js style I try to write (directly off <a href="http://wicky.nillia.ms/headroom.js/" rel="nofollow">http://wicky.nillia.ms/headroom.js/</a>) the header stays fixed to the top of the page.</p>
  
  <p><strong>My html:</strong></p>
  
  <pre><code>&lt;header id="header" class="header"&gt;
    &lt;div class="container"&gt;
      &lt;nav data-topbar role="navigation" class="top-bar sticky"&gt;
        &lt;ul class="title-area"&gt;
          &lt;li class="name"&gt;
            &lt;h1 href="#" class="a"&gt;&lt;/h1&gt;
          &lt;/li&gt;
          &lt;li class="toggle-topbar menu-icon"&gt;&lt;a href="#"&gt;&lt;span&gt;menu&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
        &lt;section class="top-bar-section"&gt;
          &lt;ul&gt;
            &lt;li class="active"&gt;&lt;a href="#header"&gt;home&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#about"&gt;about&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#our-team"&gt;our team&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#contact-form"&gt;contact&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#register" style="color:#056fb7;"&gt;register&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/section&gt;
      &lt;/nav&gt;
    &lt;/div&gt;
  &lt;/header&gt;
  </code></pre>
  
  <p><strong>My js:</strong></p>
  
  <pre><code>(function() {
  var header = new Headroom(document.querySelector("#header"), {
      tolerance: 5,
      offset : 205,
      classes: {
        initial: "animated",
        pinned: "slideDown",
        unpinned: "slideUp"
      }
  });
  header.init();
  };
  </code></pre>
  
  <p><strong>My Sass:</strong></p>
  
  <pre><code>.headroom
      transition: transform 200ms linear !important
  .headroom--pinned
      display:block
      transform: translateY(0%) !important
  .headroom--unpinned
      display:none
      transform: translateY(-100%) !important
  </code></pre>