Captura de evento de desplazamiento en div
Estoy tratando de capturar el evento de desplazamiento dentro de un Backbone.Marionette.CompositeView, pero sin éxito.
Como ejercicio, estoy reescribiendo.http://www.atinux.fr/backbone-books/ utilizando Backbone.Marionette. Como puede ver, cuando se desplaza hacia abajo, se obtienen y se muestran más libros (es decir, un desplazamiento infinito). Sin embargo, no puedo capturar el evento de desplazamiento en mi vista.
Aquí está mi código (simplificado):
LibraryView = Backbone.Marionette.CompositeView.extend({
// properties, initializer, etc.
events: {
'scroll': 'loadMoreBooks',
'click': 'loadMoreBooks'
},
// some functions
loadMoreBooks: function(){
console.log("loadMoreBooks");
}
});
El código fuente completo se puede ver aquí:https://github.com/davidsulc/backbone.marionette-atinux-books/blob/scroll/assets/javascript/app.js#L86-89
Lo que no entiendo es que el evento "clic" se está activando correctamente, pero el evento "scroll" no lo está. ¿Qué estoy haciendo mal?
Edición: el error fue bastante simple al final ... Pasé "el: #content" al contructor de la vista, pero el rollo se definió en CSS en ".library". Así que una vez que cambié mi DOM de
<div id="content">
<div class="library">
</div>
</div>
a
<div id="content" class="library"></div>
todo funcionó correctamente ...