title: JS Fade out (opacity) on scroll - Won't work in IE
body: <p>I got a simple script which is nicely working for FF and Chrome, but IE is as alsways a Partypooper. Any ideas/suggestions?</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="title"&gt;
      &lt;p&gt;Change is the law of life.&lt;br /&gt;And those who look only to the past or present&lt;br /&gt;are certain to miss the future.&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>div.title {
  position: fixed;
  z-index: 10;
  text-align:center;
  margin:0 auto;
  top: 230px;
  width: 100%;
  color: #FFFFFF;
  }
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;  
  $(document).ready(function(){
  var didScroll = false;
  var icon = $(".title");
  var $window = $(window);
  $(window).scroll(function(){
  didScroll = true;
  });
  
  window.setInterval(function () {
  if (didScroll) {
    if (1-$window.scrollTop()/800 &gt; -10) {
        icon.css({opacity: 1-$window.scrollTop()/800});
    }
    didScroll = false;
  }
  }, 50);
  });
  &lt;/script&gt;
  </code></pre>