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):

<code>  LibraryView = Backbone.Marionette.CompositeView.extend({
    // properties, initializer, etc.

    events: {
      'scroll': 'loadMoreBooks',
      'click': 'loadMoreBooks'
    },

    // some functions

    loadMoreBooks: function(){
      console.log("loadMoreBooks");
    }
  });
</code>

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

<code><div id="content">
  <div class="library">
  </div>
</div>
</code>

a

<code><div id="content" class="library"></div>
</code>

todo funcionó correctamente ...