无限ajax滚动非自动



我把一个无限滚动插件ajax,但自动工作时向下滚动。我想改变自动滚动,没有自动或与"更多"。

下面是我对砌体使用的代码

jQuery.ias({
    container : '#main',
    item: '.post-outer',
    pagination: '#blog-pager',
    next: '#blog-pager-older-link a',
    loader: 'http://2.bp.blogspot.com/-XIF8-dkyzkQ/UXC35axRdfI/AAAAAAAAGg0/Q7xRk-yFLP4/s1600/loader.gif',
    onLoadItems: function(items) {
        var $newElems = jQuery(items).show().css({ opacity: 0 });
        $newElems.imagesLoaded(function(){
             $newElems.animate({ opacity: 1 });
             jQuery('#main').masonry( 'appended', $newElems, true );
        });
        return true
    }    
});

链接示例:page-elements.blogspot.com

Plugin infinite: infinite-ajax-scroll

我应该添加什么代码来更改,以便与"more"非自动?

如果我的语言不够清晰,我很抱歉,谢谢

问题我完成了,我添加了"触发器:'Load More'"

谢谢你的帮助

将triggerpagethreshold设置为0应该可以。

我也遇到了同样的问题。但是我解决了。

首先你必须从插件返回"this"对象。第85行左右;

// initialize
        return init();

当你初始化一个插件时,将这个变量保存在一个全局变量中。

infiniteScroller = $.ias({
                            container : '.jscroll',
                            item : '.column',
                            pagination : '#content .navigation-js',
                            next : '.next-posts a',
                            loader : '<img src="https://raw.github.com/webcreate/infinite-ajax-scroll/master/dist/images/loader.gif"/>',
                            triggerPageThreshold : 15,
                            history : false
                        });

然后是检索新数据的位置。当数据加载到页面后,执行以下操作;

delete infiniteScroller;
                            infiniteScroller = $.ias({
                                container : '.jscroll',
                                item : '.column',
                                pagination : '#content .navigation-js',
                                next : '.next-posts a',
                                loader : '<img src="https://raw.github.com/webcreate/infinite-ajax-scroll/master/dist/images/loader.gif"/>',
                                triggerPageThreshold : 15,
                                history : false
                            });

希望对你有帮助。

最新更新