Eu estou tentando capturar o evento de rolagem dentro de um Backbone.Marionette.CompositeView, mas sem sucesso.

Como exercício, estou reescrevendohttp://www.atinux.fr/backbone-books/ usando Backbone.Marionette. Como você pode ver, quando você rola para baixo, mais livros são buscados e exibidos (ou seja, rolagem infinita). No entanto, não consigo capturar o evento de rolagem na minha visualização.

Aqui está o meu 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>

O código fonte completo pode ser visto aqui:https://github.com/davidsulc/backbone.marionette-atinux-books/blob/scroll/assets/javascript/app.js#L86-89

O que não entendo é que o evento "click" está sendo acionado corretamente, mas o evento "scroll" não está. O que estou fazendo de errado?

Edit: então o erro foi bem simples no final ... Eu estava passando "el: #content" para o contructor do view, mas o scroll foi definido em CSS em ".library". Então, quando eu mudei meu DOM de

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

para

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

tudo funcionou corretamente ...