卷軸上的元素位置

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. 「背景」應該是「的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'}); }; });