title: Bootstrap Affix fixed header after 100px making content jump
body: <p>I'm using Bootstrap Affix on my header and I want it to become fixed once the page is scrolled 100px. I have added in the jquery like so: </p>
  
  <pre><code>$('#navbar').affix({
        offset: {
          top: 100,
        }
      });
  </code></pre>
  
  <p>The problem is when I scroll the content on the page jumps up. I've added a wrapper with a min height but this doesn't solve the problem. </p>
  
  <p>Can anyone help please?</p>
  
  <p>Link to fiddle:
  <a href="https://jsfiddle.net/b5fusmsn/12/" rel="nofollow noreferrer">https://jsfiddle.net/b5fusmsn/12/</a></p>