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.

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

what is animationType? And what if you use animationType inside inverted commas such as 'easeIn'? — Om3ga, Oct 27 '12 at 09:50
@al0neevenings That is not the problem. The body section scrolls, but the `$(window).scrollU();` doesn't get called. — Sawny, Oct 27 '12 at 09:53
can you also post what the method bound to `scroll` is doing ? — Gabriele Petrioli, Oct 27 '12 at 09:57
@GabyakaG.Petrioli oh... there was the problem. I had an if that prevented the function to run... — Sawny, Oct 27 '12 at 10:04

score 50 · Answer 1 · edited Sep 10 '15 at 11:54

50

Just use:

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

Source:

edited Sep 10 '15 at 11:54

DBS

answered Jul 28 '14 at 19:59

score 9 · Answer 2 · answered Oct 27 '12 at 09:52

9

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/

answered Oct 27 '12 at 09:52

Gabriele Petrioli

1) Doesn't solve my problem. 2) Then the callback get called twice. – Sawny Oct 27 '12 at 09:57
@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.. – Gabriele Petrioli Oct 27 '12 at 10:00
1

Mixed this answer with http://stackoverflow.com/a/12792245/1504300 for graceful scrolling to the bottom. – reallynice Dec 24 '14 at 13:55

score 2 · Answer 3 · answered Aug 09 '14 at 05:20

2

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

answered Aug 09 '14 at 05:20

user3059993

3 Answers3