title: Twitter Bootstrap Affix - how to stick to bottom?
body: <p>I've read the documentation, and I feel like I'm doing exactly what they show in their examples.  Yet when I try it, I can't get this to work.  I'd like it to work in a way similar to the docs.  It becomes <code>position:fixed</code> after scrolling past the header, and then once it touches the footer it becomes <code>position:absolute</code> and sticks to the bottom.</p>
  
  <hr>
  
  <h2>DEMO: <a href="http://jsfiddle.net/uvnGP/1/" rel="noreferrer">http://jsfiddle.net/uvnGP/1/</a></h2>
  
  <h2>JS</h2>
  
  <pre><code>$("#account-overview-container").affix({
      offset: {
          top: $("header").outerHeight(true),
          bottom: $("footer").outerHeight(true)
      }
  });
  </code></pre>
  
  <h2>SASS</h2>
  
  <pre><code>#account-overview-container {
      &amp;.affix{
          top:10px;
          bottom:auto;
      }
  
      &amp;.affix-top{
          //Do I need this?
      }
  
      &amp;.affix-bottom{
          position:absolute;
          top:auto;
          bottom:140px;
      }
  }
  </code></pre>