如果滾動300像素更改背景顏色

Question

我有一個固定的導航是灰色的。但是如果您滾動了300像素，我希望它將顏色更改爲白色。

演示：http://eldecosmetics.com/blogs/vemund 密碼：Pruget

Answer 1

使用此代碼：

window.addEventListener('scroll', function() { 
    var scrollTop = document.body.scrollTop || document.documentElement.scrollTop; 
    var nav = document.getElementById('scroll-nav'); 
    if (scrollTop >= 300) { 
     nav.style.backgroundColor = 'grey'; 
    } else { 
     nav.style.backgroundColor = '#f9f7f1'; 
    } 
}, false); 

Answer 2

window.addEventListener("scroll", function(event) { 
    var top = this.scrollY; 
    if(top > 300) { 
     // Do Something 
    } 
    else { 
     // Rollback to previous state? 
    } 
}, false); 

你可以那樣做