[SOLUCIONADO] no detecta onscroll en elemento añadido dinamicamente

[matake]

Hola,

Necesito añadir dinamicamente un div #contenedor_scrolable a un div contenedor #b

Todo va bien pero al intentar detectar si se hace scroll sobre el #contenedor_scrolable no puedo.

he intentado:

Código Javascript:

$('#contenedor_scrolable').scroll(function(){
        console.log('scroll moviendose');
    });
 
    $('#contenedor_scrolable').on('scroll',function(){
        console.log('scroll moviendose');
    });
 
    $(document).on('scroll','#contenedor_scrolable',function(){
        console.log('scroll moviendose');
    });
 

y ninguno no funciona

pero para el click si funciona si pongo:

Código Javascript:

$(document).on('click','#contenedor_scrolable',function(){
        console.log('el evento click funciona pero el scroll NO');
    });
 

he puesto el ejemplo en un fiddle https://jsfiddle.net/matake/4d818n86/

¿Alguna ideea como resolverlo?

Gracias

[Alexis88]

No puedes delegar dicho evento pues no produce el bubbling que otros eventos generan. En otras palabras, aunque el evento ocurra en el elemento hijo añadido de forma dinámica, nunca informará al nivel superior que eso ha ocurrido. Y tampoco podrías hacerlo de forma directa puesto que es un elemento creado dinámicamente.

Lo que tendrías que hacer es anidar métodos:

Código Javascript:

$("elemento creado dinámicamente").método1().método2().métodoN();
 

Teniendo en cuenta que los métodos deben ser encadenables.

DEMO

Un saludo

[matake]

Gracias Alexis88 ... me has quitado un gran susto de encima ya que el proyecto en que estoy trabajando se esta basando en que todas las paginas se generan dinamicamente y el problema me estaba jodiendo todo.

Saludos