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