title: Bootstrap Affix not working inside an Iframe
body: <p>I have a page that is inside an iframe. This page is a Twitter Bootstrap 3 template with an nav with Affix. When the page is loaded directly (outside of an iframe) the nav and Affix works fine but inside the iframe the nav and Affix does nothing - there is no expanding of child navs and it scrolls away.</p>
  
  <p>Here is the snippet of my code for the nav/Affix.</p>
  
  <pre><code>&lt;div class="navbar bs-docs-sidebar hidden-xs" data-spy="affix" data-offset-top="0" data-offset-bottom="0"&gt;
      &lt;h2&gt;Index&lt;/h2&gt;
      &lt;ul class="nav bs-docs-sidenav"&gt;
          &lt;li&gt;&lt;a href="#generalAnswers"&gt;General FAQs&lt;/a&gt;
              &lt;ul class="nav"&gt;
                  &lt;li&gt;&lt;a href="#group_15"&gt;Apprenticeships and Traineeships&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
         &lt;/li&gt;
      &lt;/ul&gt;
      &lt;a class="back-to-top" href="#top"&gt;Back to top&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Note: I am using the CSS from the Bootstrap docs website for the nav/Affix layout.</p>
  
  <p>Should these work inside an iframe? Any ideas on how I can fix it?</p>