Trigger $(window).scroll();

Question

When I call $("body").animate({scrollTop: someValue}); I want $(window).scroll(function() { }); to be called too. How can I achieve that?

I have tried with $(window).trigger("scroll") and $(window).triggerHandler("scroll") without success.

The code

EDIT: Problem solved. There was an if in my $(window).scroll(function() { }); that caused the problem.

Solution 1

Just use:

// Trigger the scroll event
$(window).scroll();

Source:

• http://www.w3schools.com/jquery/event_scroll.asp
• https://api.jquery.com/scroll/

Solution 2

Apply it to both body and html as it is not consistent.. (for example, FF uses the html for scrolling while chrome uses the body)

$("html, body").animate({scrollTop: someValue});

demo at http://jsfiddle.net/vzyVh/

Solution 3

You can try below code - here i am scrolling to top of my div tag which has id "one".

$('html,body').animate({ scrollTop: $('#one').offset().top }, 'slow');

Comments

[Om3ga]

what is animationType? And what if you use animationType inside inverted commas such as 'easeIn'?

[Sawny]

@al0neevenings That is not the problem. The body section scrolls, but the $(window).scrollU(); doesn't get called.

[Gabriele Petrioli]

can you also post what the method bound to scroll is doing ?

[Sawny]

@GabyakaG.Petrioli oh... there was the problem. I had an if that prevented the function to run...

[Sawny]

1) Doesn't solve my problem. 2) Then the callback get called twice.

[Gabriele Petrioli]

@sawny, only if you have specifically made your CSS to allow both html and body to scroll. By default only one of those scrolls.. Additionally: the scroll method applied to window is not called only once. It gets called for each scrolling step..

[reallynice]

Mixed this answer with stackoverflow.com/a/12792245/1504300 for graceful scrolling to the bottom.