title: Internet Explorer 11 ignores
body: <p>I'm working on a website and IE 11 is not behaving well.</p>
  
  <p>I'm using Bootstrap affix to stick a navigation bar to the top of the page at a certain point.</p>
  
  <p>I also have some anchor links to various parts of the page. the orange basic information is the anchor.</p>
  
  <p><a href="https://i.stack.imgur.com/0gWP3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0gWP3.png" alt="This is what the area looks like from the top"></a></p>
  
  <p>If I visit one of those links before the nav is fixed in place, IE scrolls to just below the anchor. The anchor is actually off the screen.</p>
  
  <p><a href="https://i.stack.imgur.com/4ykPm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4ykPm.png" alt="This is a bad anchor follow, The anchor is actually off screen"></a></p>
  
  <p>If I visit the link after the nav has been fixed, there is no problem. The actual anchor is under the nav, but the visual is what is expected.</p>
  
  <p><a href="https://i.stack.imgur.com/OSJkk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OSJkk.png" alt="This is what I want"></a></p>
  
  <p>I had a similar issue in Firefox but not Chrome. The javascript below fixed the issue with Firefox. </p>
  
  <pre><code>$( '#' + page + ' a' ).click( function ( e ) {
    window.location.hash = $( this ).data( 'target' );
    window.location.hash = $( this ).data( 'target' );
  } );
  </code></pre>
  
  <p>I could use other methods as well in FF, such as scrollTo, scrollBy, scrollToAnchor, window.location, ...</p>
  
  <p>None of these work with IE 11.</p>