JQuery if else on scroll

Question

i want to change CSS or menu bar while scrolling and restore old CSS when scroll stops using if else. this is what i did so far.

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

working code without if statement

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

`if ($(window).scroll` is... very strange. What really do want to check in `if`? — Regent, Sep 11 '14 at 06:25
`$(window).scroll()` binds a handler to the scroll event. It doesn't return anything that you can test with `if`. — Barmar, Sep 11 '14 at 06:28
possible duplicate of [jQuery scroll() detect when user stops scrolling](http://stackoverflow.com/questions/9144560/jquery-scroll-detect-when-user-stops-scrolling) — Iago, Sep 11 '14 at 06:31

score 1 · Accepted Answer · answered Sep 11 '14 at 06:27

1

Use Scroll and scrollstop

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

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

answered Sep 11 '14 at 06:27

jbmyid

1,935
17
22

can you give the fiddle for the same – Arijit Mukherjee Sep 11 '14 at 06:32
Sorry The above method is available in jquery mobile. But you can use the link mentioned in comment. – jbmyid Sep 11 '14 at 08:53

score 1 · Answer 2 · answered Sep 11 '14 at 06:34

Try this

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

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

        });

JQuery if else on scroll

2 Answers2