gistfile1.js

var infiniteScroll = {

   defaults: {
      url: undefined,                  // ajax requesti yapilacak url
      initialOffset: 0,                // baslangictaki offset (orn sayfada halihazirda 3 tane gosterilmistir bu durumda initialOffset 3 verilmeli)
      offsetIncrement: 5,              // her ajax requestinde kac eleman istenecegi
      containerSel: undefined,         // append edilecek container
      loadingElemSel: '#ajaxLoading',  // ajax requesti yapilirken cikacak gorsel
      allShownElemSel: '#allLoaded'    // butun elemanlar gosterildiginde (ie sayfa sonunda) cikacak gorsel
   },

   bind: function (options) {
      this.options = $.extend(this.defaults, options);

      var $window = $(window);
      var _this = this;
      var offset = this.options.initialOffset;
      var infiniteScrollEnabled = true;
      var isLoading = false;

      $window.on('scroll', function () {
         if(!isLoading && infiniteScrollEnabled && ($window.scrollTop() == $(document).height() - $window.height())) {
            $.get(_this.options.url, {offset: offset}, function (data) {

               var $container = $(_this.options.containerSel);
               if($.trim(data).length > 0) {

                  if(_this.options.loadingElemSel) {
                     $(_this.options.loadingElemSel).hide();
                  }
                  $container.append(data);
                  offset += _this.options.offsetIncrement;

               } else {

                  // butun elemanlar gosterildi
                  infiniteScrollEnabled = false;
                  if(_this.options.allShownElemSel) {
                     $(_this.options.loadingElemSel).hide();
                     $(_this.options.allShownElemSel).show();
                  }
               }
               isLoading = false;
            });
            isLoading = true;

            if(_this.options.loadingElemSel) {
               $(_this.options.loadingElemSel).show();
            }
         }
      });

   }

};