Is there a way to fire an actual mouse scroll event while auto scrolling?
I am using the following piece of code to emulate auto scrolling
setInterval(function scroll() {
for (var i = 0; i < 4000; i += 800) {
$("html, body").animate({
scrollTop: i
}, 500).delay(500);
}
I somehow want to call a mouse wheel scroll event each time an auto scroll occurs
$(window).on('wheel', function(event){
});
There is a scroll event in jQuery, you can use it to bind a handler (docs.https://api.jquery.com/scroll/), something like so:
$("html, body").on('scroll', function(){
alert('Scrolled');
});
By the way the scroll event would fire multiple times while scrolling, so it's really not a good idea to fire your handler all the time, you should take a look at the debounce function for a way to tackle that problem (https://davidwalsh.name/javascript-debounce-function)
You can simply add your event handler inside the setInterval.
setInterval(function scroll() {
for (var i = 0; i < 4000; i += 800) {
$("html, body").animate({
scrollTop: i
}, 500).delay(500);
// do also something else (event handler)
}
