How to know Scroll event has finished with jQuery

Question

Possible Duplicate:
Javascript: do an action after user is done scrolling

the Scroll event fires when the user starts scrolling the page, right? How to know if he is finished then? I want to call a function after the scrolling has done. Does anyone has any idea?

Thanks!

P.S. With jQuery please, but pure JS is also okay.

No. A `scroll` event fires every time the page has moved a single pixel. Check out [fire scroll event only once per second](http://stackoverflow.com/q/9613594/1048572) — Bergi, Sep 24 '12 at 12:01
@Bergi thanks, but do you have any reference for that? It seems that it just fires when you start scrolling and not continuously ... — Mahdi, Sep 24 '12 at 12:03
http://stackoverflow.com/a/4289550/612202 then take this one — dan-lee, Sep 24 '12 at 12:04
@Mahdi: Don't think you get around it. Any solution will most likely contain timeout code. — Nope, Sep 24 '12 at 12:04
@Mahdi: Um, yes, not for literally every pixel but for every scroll move (3 lines?). If you don't want to use the plugin, you can will still need to program its functionality — Bergi, Sep 24 '12 at 12:05
@Bergi I want to know if there is any native and original event for that, not tricks ... — Mahdi, Sep 24 '12 at 12:07
@DanLee I KNOW they timeouts are native in JS, I mean a native EVENT ... but it seems, there is no event, thanks! no need to be angry ... — Mahdi, Sep 24 '12 at 12:11

Anoop · Accepted Answer · 2012-09-24T12:12:59.943

8

You can achieve this using setTimeout. you can change timeout (im using 100) value according to your requirement.

var timeoutId;
$(selector).scroll(function(){
  if(timeoutId ){
         clearTimeout(timeoutId );  
  }
  timeoutId = setTimeout(function(){
   // your code 
  }, 100);

});

edited Sep 24 '12 at 12:12

answered Sep 24 '12 at 12:03

Anoop

23,044
10
62
76

Thanks, is there any other way except setting up Timeouts? I mean something native and originally for that? – Mahdi Sep 24 '12 at 12:05
1

timeout *are* native, it's not any plugin. – dan-lee Sep 24 '12 at 12:05
@Mahdi at the moment there isn't. – Christoph Sep 24 '12 at 12:05
I'd give it a slightly longer timeout personally - 200ms is a bit more realistic IMO :) – Stu Cox Sep 24 '12 at 12:06
@DanLee I know they are native, I meant native event like 'onScrollFinished' or something similar ... – Mahdi Sep 24 '12 at 12:08
5

@Mahdi No because that makes no sense. A 'scroll' is a tiny bit of rolling down, it can be a millisecond or a few seconds, you have to check manually if the user isn't scrolling anymore. Of course you can *emulate* this and create your own event out of it. – dan-lee Sep 24 '12 at 12:09
works for me. thanks :) – devugur Mar 01 '17 at 15:36

How to know Scroll event has finished with jQuery

1 Answers1