public/js/views/behaviors/infinite-scroll.js

   1 'use strict';
   2 var Marionette = require('backbone.marionette');
   3 var behaviourLookup = require('./lookup');
   4 var NeverEndingStory = require('../../utils/never-ending-story');
   5
   6 module.exports = (function() {
   7   var Behavior = Marionette.Behavior.extend({
   8     defaults: {
   9       reverseScrolling: false,
  10       scrollElementSelector: null,
  11       contentWrapperSelector: null
  12     },
  13     initialize: function() {
  14       var scrollElement =
  15         this.options.scrollElement ||
  16         document.querySelector(this.options.scrollElementSelector) ||
  17         this.view.el;
  18
  19       var contentWrapper =
  20         this.options.contentWrapper || document.querySelector(this.options.contentWrapperSelector);
  21
  22       var reverseScrolling = this.options.reverseScrolling;
  23
  24       var scroll = new NeverEndingStory(scrollElement, {
  25         reverse: reverseScrolling,
  26         contentWrapper: contentWrapper
  27       });
  28
  29       this.listenTo(scroll, 'approaching.top', function() {
  30         this.view.collection.fetchMoreBefore({});
  31       });
  32
  33       this.listenTo(scroll, 'approaching.bottom', function() {
  34         this.view.collection.fetchMoreAfter({});
  35       });
  36
  37       this.scroll = scroll;
  38       this.view.scroll = scroll;
  39     },
  40
  41     onDestroy: function() {
  42       this.scroll.disable();
  43     }
  44   });
  45
  46   behaviourLookup.register('InfiniteScroll', Behavior);
  47   return Behavior;
  48 })();