Listen to scroll on specific elements

[benediktvaldez]

I think it would be a good addition to this script, to be able to define which scrolling to listen to.

F.x. with jquery you could do this:

$('.scrolled-element').on('scroll',function(){});

But your script limits us to use the window scroll..

Demo case could be a modal window (the exact case I'm dealing with at the moment), that needs to be internally scrollable

[benediktvaldez]

@ctibo given this any thought? not sure how it would be best to implement this, since this basically only applies to the scroll event, and perhaps the pointer move event.

possibly create a sort of alias function, something like

window.raf.scroll('#selector', myScrollCallback);

If you guys like the idea I could do a PR

[ctibo]

Sorry for the delay, I was in a job rush last week.

You're totally right about targeting specific elements for event detection. I guess we could do it for every events implemented yet ("scroll", "resize", "afterresize" and "pointermove" ).

You mentioned the idea of alias functions for binding callbacks on a particular event.

window.raf.scroll('#selector', myScrollCallback);

In my opinion, it is more meaningful to use "on()" and "off()" pairs. It makes more sense when we use it within js breakpoints. That said, we could target specific elements by passing a jquery selection as first argument, instead of a string.

window.raf.on($('.selection'), 'scroll',  myScrollCallback);

What do you think ?

[benediktvaldez]

Wow been a while, forgot about this one 😺

I see your logic, your approach makes more sense then mine, but I'm not sure anymore if either way is the right way to go..

Since we're using jQuery, the most logical way would be to stop exposing the main object globally and do the classic jquery function

$('selector').raf('scroll', callback);

Unless you're planning on getting rid of jQuery at some point?

/cc @ctibo

[ctibo]

Just letting you know that I'll be working on new additions to the plugin (including listening to events on specific elements). It should be ready sometime next week.