Soy tan nuevo en JQuery y estoy seguro de que la respuesta es muy básica. Pero si alguien me puede orientar en la dirección correcta sería genial. Solo quiero que la opacidad de mi encabezado cambie de 0 a 1 a medida que el usuario se desplaza más allá de los 400 píxeles. ¿AYUDA? www.HULU.com tiene un ejemplo perfecto.

<code>
<script>
$(document).ready(function() {
        $(window).scroll(function() {
            if ($(this).scrollTop() > 400) {
                $('.header').css("background", "#000");
            } else {
                $('.header').css("background", "transparent");
            }
        });
        });
</script>
</code>