Execute function on Scroll jQuery

Question

I'm misunderstanding the scroll() function. I'm wishing to if a panel is open execute a function if the main window is scrolled up or down. This is my code that does nothing.

if('#specsallA:visible').scroll(function(){
              $('#specsbar').animate({
          width:'190px'
          }, '500'); $('.products').animate({
          width:'168px'
          }, '500'); $('#specsallA').hide();  $('#specsall').show();
          });

Any ideas,

Marvellous

Brandon · Accepted Answer · 2011-03-29 18:47:04Z

17

A slight misunderstanding. Easiest way is to put your if() test inside the event callback

$(window).scroll(function() {
    if ($('#specsallA').is(':visible')) {
        // do your special stuff here
    }
});

answered Mar 29, 2011 at 18:47

Brandon

39.3k8 gold badges86 silver badges89 bronze badges

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

1 Comment

Steve Tauber Over a year ago

Be careful of really slowing down your site: ejohn.org/blog/learning-from-twitter

Craig · Accepted Answer · 2011-03-29 18:46:17Z

1

I think you want something more like:

$(window).scroll(function(){
   doSomething();
})

answered Mar 29, 2011 at 18:46

Craig

7,7314 gold badges31 silver badges47 bronze badges

Collectives™ on Stack Overflow

Execute function on Scroll jQuery

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related