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
– Regent, Commented Sep 11, 2014 at 6:25
$(window).scroll() binds a handler to the scroll event. It doesn't return anything that you can test with if. — Barmar
– Barmar, Commented Sep 11, 2014 at 6:28
possible duplicate of jQuery scroll() detect when user stops scrolling — Iago
– Iago, Commented Sep 11, 2014 at 6:31

jbmyid · Accepted Answer · 2014-09-11 06:27:43Z

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, 2014 at 6:27

jbmyid

2,0151 gold badge21 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Arijit Mukherjee Over a year ago

can you give the fiddle for the same

jbmyid Over a year ago

Sorry The above method is available in jquery mobile. But you can use the link mentioned in comment.

Harutyun Abgaryan · Accepted Answer · 2014-09-11 06:34:57Z

1

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

        });

answered Sep 11, 2014 at 6:34

Harutyun Abgaryan

2,0231 gold badge14 silver badges15 bronze badges

Collectives™ on Stack Overflow

JQuery if else on scroll

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related