How to stop TOP Scroll Load in jQuery Endless Scroll plugin

Question

I am trying to create infinite loop for my website. I am using jQuery Endless Scroll plugin for that.

<script type='text/javascript' src='/js/jquery.min.js'></script>
<script type='text/javascript' src='/js/jquery.endless-scroll.js'></script>

$(document).ready(function() {
    $(window).endlessScroll({
        inflowPixels: 300,
                ceaseFireOnEmpty :false,
        callback: function() {
            var $img = $('#clmn-a .box:nth-child(4)').clone();
            $('#clmn-a').append($img);
        }
    });
});

Everything is working fine, but this function is running on top scroll also. I want to load data only when user reach near the footer. So how to disable Top Scroll Load in jQuery Endless Scroll plugin

PluginLink: https://github.com/fredwu/jquery-endless-scroll

How about using an alternative plugin like http://jscroll.com/ instead of using this one? — Isabel Inc, Aug 24 '16 at 23:13
Is it allow to load data before user touch the footer? is it mobile friendly? Can I use Top Scroll also in it? — Rocky Sena, Aug 24 '16 at 23:19
Yes you should be able to get what you're looking for. But take a look at the examples and make sure. — Isabel Inc, Aug 24 '16 at 23:21

score 0 · Accepted Answer · answered Aug 25 '16 at 07:20

Try this:

$(document).ready(function() {

    EndlessScroll.prototype.detectScrollDirection = function() {
        var currentScrollTop;
        this.didScroll = true;
        currentScrollTop = $(this.target).scrollTop();
        if (currentScrollTop > this.lastScrollTop) {
          this.scrollDirection = 'next';
        }
        else{
        }
        return this.lastScrollTop = currentScrollTop;
      };


    $(window).endlessScroll({
        inflowPixels: 300,
                ceaseFireOnEmpty :false,
        callback: function() {
            var $img = $('#clmn-a .box:nth-child(4)').clone();
            $('#clmn-a').append($img);
        }
    });
});

Its Working. Thank You Ramesh! – Rocky Sena Aug 25 '16 at 08:08 — Rocky Sena, Aug 25 '16 at 08:08

How to stop TOP Scroll Load in jQuery Endless Scroll plugin

1 Answers1