title: jquery background color fade in on scroll
body: <p>I want the background of the header to fade in after a number of pixel scrolled. With the code below i kinda get it but not much right! Any idea? thanks!</p>
  
  <pre><code>$(function () {
      $(window).scroll(function () {
          $(document).scrollTop() &gt; 100 ? $('header').css({
              "background": 1
          }).fadeIn() : $('header').css({
              "background": 0
          }).fadeOut();
      });
  })
  </code></pre>