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

Question

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

演示：http://eldecosmetics.com/blogs/vemund密码：普鲁盖特

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

你可以这样做