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.
The Window. scroll() method scrolls the window to a particular place in the document.
$(selector).scrollTop(position) Parameter. Description. position. Specifies the vertical scrollbar position in pixels.
forEach(element => { window. addEventListener( "scroll", () => runOnScroll(element), { passive: true } ); }); Or alternatively, bind a single scroll listener, with evt => runOnScroll(evt) as handler and then figure out what to do with everything in elements inside the runOnScroll function instead.
Just use:
// Trigger the scroll event
$(window).scroll();
Source:
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/
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');
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With