jquery - スクロール時にヘッダーの不透明度を変更しますか?

Question

私はJQueryが初めてで、答えが非常に基本的であると確信しています。しかし、誰かが私を正しい方向に向けることができれば、それは素晴らしいことです. ユーザーが 400 ピクセルを超えてスクロールしたときに、ヘッダーの不透明度を 0 から 1 に変更したいだけです。ヘルプ？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>