Binding jquery event scroll with "on"

Question

I've a problem, why this work

$(selector).scroll(function(e) {
    console.log("Scrolling");
});

and this not

$(document).on("scroll", selector, function(e) {
    console.log("Scrolling");
});

This is selector

var selector = "#schedule td > div.k-scheduler-content, #schedule td > div.k-scheduler-header";

The scroll event by "on" not work... I don't know why... Check this plunker http://plnkr.co/edit/CjfoIPTCqScS1znAwmIs?p=preview

UPDATE

Maybe I found a solution that work:

document.addEventListener(
  'scroll',
  function(event){
    var $elm = $(event.target);
    if( $elm.is(selector) ) { // or any other filtering condition
      // do some stuff
      console.log('scrolling');
    } else {
      console.log("selector different");
    }
  },
  true // Capture event
);

I don't think you need the selector twice, remove it from the parameters in your `on` call — Nateous, Dec 17 '15 at 15:04
in your Plunker link, I noticed that you are calling the js code BEFORE the DOM, so that is why it doesn't work, either use the ready method or move the script into the DOM and it worked for me — Nateous, Dec 17 '15 at 15:09
@Nate No; that's not the reason it's not working. The `scroll` event doesn't bubble, which means that it can't be delegated. — Josh Crozier, Dec 17 '15 at 15:11
you might be right, but it worked for me in the Plunker example. https://api.jquery.com/scroll/ — Nateous, Dec 17 '15 at 15:12
I did have to rewrite the jquery selector, so if it can't be delegated then you can't do it for dynamic divs.... `$("#test").on("scroll", function() {console.log("Scrolling");});` — Nateous, Dec 17 '15 at 15:14

Zakaria Acharki · Answer 1 · 2015-12-17T15:18:26.813

0

Try to use it like following :

$("#test").on("scroll", function() {
    console.log("Scrolling");
});

Hope this helps.

edited Dec 17 '15 at 15:18

answered Dec 17 '15 at 15:05

Zakaria Acharki

66,747
15
75
101

Check plunker, not work params you provided also... – Davide Dec 17 '15 at 15:07
@Davide check my update please. – Zakaria Acharki Dec 17 '15 at 15:19
Not work with dynamic div D: – Davide Dec 17 '15 at 15:22
Why?!! i think `.on` should deal with fresh DOM. – Zakaria Acharki Dec 17 '15 at 15:23
http://stackoverflow.com/a/28777181/4637430 – Davide Dec 17 '15 at 15:25
You can see that it work in this **[basic example](https://jsfiddle.net/jnwrc5ay/6/)**. – Zakaria Acharki Dec 17 '15 at 15:34
https://jsfiddle.net/jnwrc5ay/35/ Check – Davide Feb 24 '16 at 08:27

Binding jquery event scroll with "on"

1 Answers1