title: scroll event fires when size of div changes via script in Chrome, but not IE9
body: <p>fiddle: <a href="http://jsfiddle.net/Xc3ud/4/" rel="nofollow">http://jsfiddle.net/Xc3ud/4/</a></p>
  
  <p>in Chrome, when the size of the content box changes via script, it calls a scroll event and gets rid of my scroll helper div.</p>
  
  <p>in IE9, it does not fire this scroll event, so the scroll helper div is stuck on the page and won't go away because the page isn't scrolled, but it won't be able to trigger scroll now because content has changes</p>
  
  <p>how can I trigger the update in IE9?</p>
  
  <p>I'm using Durandal so this is a SPA</p>
  
  <p>html:</p>
  
  <pre><code>&lt;div class="page"&gt;
      &lt;div class="scrollerfade" style="display:none;"&gt;This div shows up when you are scrolled down, and should disappear when you scroll back to top&lt;br/&gt;click the green content box to toggle its height (no longer needs scrolling)&lt;/div&gt;
      &lt;div class="content"&gt;scroll down to see the red box&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>js:</p>
  
  <pre><code>var $fade = $('.scrollerfade');
  $(window).on('scroll', function () {
      $fade.toggle(($(window).scrollTop() &gt; 0));
  });
  $('.content').on('click',function(){
      $(this).height(($(this).height()&gt;200)?200:2000);
  });
  </code></pre>