Javascript 如果滚动300像素，则更改背景颜色

我有一个灰色的固定导航。但我希望它改变颜色为白色，如果你已经滚动了300像素

演示： 密码：Pruget使用以下代码：

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);

---

你可以那样做

非常感谢。这很容易解决问题，使整个页面看起来很酷。

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