JQuery if else on scroll

Question

当滚动停止使用if else时，我想在滚动时恢复CSS或菜单栏并恢复旧CSS。 这就是我到目前为止所做的。

if ($(window).scroll(function () {
    $('#nav').css('opacity', '0.85');
} else {
    $('#nav').css('opacity', '1');
});

没有if语句的工作代码

$(document).scroll(function() {
    $('#nav').css('opacity', '0.85');
});

Answer 1

使用滚动和滚动停止

$(document).on("scroll", function() {
  $('#nav').css('opacity', '0.85');
});

$(document).on("scrollstop",function(){
  $('#nav').css('opacity', '1');
});

Answer 2

试试这个

 scrolling = "Scrolling",
 stopped = "Stopped";

        $( window ).scroll(function() {
            console.log(scrolling);
            clearTimeout( $.data( this, "scrollCheck" ) );
            $.data( this, "scrollCheck", setTimeout(function() {
                console.log( stopped );
            }, 250) );

        });