ld stick to the top of #foo6 and the bottom of #foo8. I'm a child of #foo7.</p>
            <a href="https://get.foundation/sites/docs/stick.html" class="small button">Go to Sticky Docs</a>
          </div>
        </div>
      </div>
      <div id="foo8" class="foo">
        <h1>#foo8</h1>
      </div>
      <div id="foo9" class="foo">
        <h1>#foo9</h1>
      </div>
      <div id="foo10" class="foo">
        <h1>#foo10</h1>
        <div class="container" data-sticky-container>
          <div class="ca