Jquery scroll loader

bottom scroll loader

by isa Şahintürk

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<p>Login load test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p>
<div id="comments_area" next="/user/login">Null</div>

JavaScript

window.addEventListener('scroll', function(evt) {
    if(lij){lijScroll();}
});
var lij=true;
var lijScroll= function(){
	var elem=$('#comments_area');
	var scrollingElement = document.scrollingElement || document.documentElement; // all browser + Firefox
    var distance_from_top = scrollingElement.scrollTop;
	var elementPos = elem.offset().top - $(window).height();
	if(distance_from_top>elementPos){
  			lij=false;
  			$(elem).html('Loading...');
        $.ajax({
            type: 'POST',
            url: $(elem).attr('next'),
            data: null,
            dataType: 'html',
            context: document.body
        }).done(function(data) {
            $(elem).html(data);
        });
	}
}