滚动中的元素位置

Question

这不适合我。

<header id="Header>Heading</header>

$(window).scroll(function() {
    if (document.body.scrollTop > 400){
    $('#Header').css({'background' : '#fff'});
    }{
    $('#Header').css({'background' : ''});`enter code here`
    };
});

给我任何建议..

Answer 1

试试这个：

$(window).scroll(function() {
    if ($(window).scrollTop() > 400){
    $('#Header').css('background','#fff');
    }else{
    $('#Header').css('background','red');
    }
});

<强> DEMO

Answer 2

这里有一些错误。

1. 您未指定else关键字
2. 'background'应为'backgroundColor'

3. 您的标题标记ID字段缺少引号。

   <header id="Header">Heading</header>

   $(window).scroll(function() { if (document.body.scrollTop > 400){ $('#Header').css({'backgroundColor' : '#fff'}); } else { $('#Header').css({'backgroundColor' : 'transparent'}); }; });