滚动时jquery导航颜色和高度更改

在这里我做了这个功能：

$(document).ready (function () {
 $(window).scroll (function () {
    var sT = $(this).scrollTop();
        if (sT >= 300) {
            $('.overlay').addClass('cambio')
        }else {
            $('.overlay').removeClass('cambio')
        }
  })
})

我会一步一步地解释你：

>首先,每次滚动窗口时都会执行该功能

>第二次从滚动顶部读取值以了解您前进的程度

>第三个比较你想要的断点,在这种情况下我选择300因为我想在通过图像的高度后更改导航.

if (sT >= 300) {
        /*action you want after the 300 or more scroll*/
    }else {
        /*action you want before the 300 scroll*/
    }

>第四,将透明变为颜色我应用的动作是添加一个具有新背景和不同高度的类：

$('.overlay').addClass('cambio')