На прокрутке изменить непрозрачность заголовка?

Я так новичок в JQuery, и я уверен, что ответ супер базовый. Но если кто-то может указать мне правильное направление, это было бы здорово. Я просто хочу, чтобы непрозрачность моего заголовка изменялась с 0 на 1, когда пользователь прокручивает последние 400 пикселей. ПОМОГИТЕ? www.HULU.com имеет прекрасный пример.

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

Ответы на вопрос(1)

Ваш ответ на вопрос