load scroll content

by AJIEKCEU

JavaScript

$(function(){
    var $notes = $('.notes');
    if($notes.length){
        $notes.imagesLoaded(function(){
            $notes.masonry({
                columnWidth: '.notes__size',
                itemSelector: '.notes__item',
                percentPosition: true
            });
        });

        var flag = false,notesPage = 1;
        $(window).scroll(function(){
            var notesBottomPos = $notes.height() + $notes.offset().top - 50,
                posWin = $(window).height() + $(window).scrollTop(),
                navnum = $notes.data('navnum'),
                pageSize = $notes.data('pagesize');
            if(posWin >= notesBottomPos && flag != true && pageSize > notesPage){
                notesPage = $notes.data('page')+1;
                $.ajax({
                    type: 'get',
                    url: '?ajax=y&PAGEN_'+navnum+'='+notesPage,
                    beforeSend: function(){
                        flag = true;
                        $notes.attr('data-page', notesPage);
                        $notes.data('page', notesPage);
                    },
                    success: function (el){
                        if (el.length > 0) {
                            var $addElem = $(el);
                            $addElem.imagesLoaded(function(){
                                $notes.append($addElem)
                                $notes.masonry('appended',$addElem);
                                flag = false;
                            });
                        }
                    }
                });
            }
        });
    }
});