无限滚动中的每个功能

时间:2018-09-05 10:01:09

标签: javascript infinite-scroll

使用Infinite Scroll时遇到一些问题。

enter image description here

HTML如图片,虚线是附加项。

我需要在附加advertiseBox时计算其顶部。

根据centralContent的高度,advertiseBox的顶部在每个article中都会有所不同。

我的js是:

$('.article-feed').on('append.infiniteScroll',function(path){
     rightSideTop();
});


function rightSideTop(){
    var centralContent = $('.centralContent');
    console.log(centralContent.height());
    var ContentT = $('.centralContent').position().top;
    var aryL = [];

    $('article').each(function(){   
        var ContentH = $(this).find('.centralContent').height();
        aryL.push(ContentH);
    });
    console.log(aryL);  //[1086,4248]

    $.each(aryL, function(i){
        var contenTrueH = aryL[i];
        var article = $('article');
        if(contenTrueH>1100){
            posDisplay();
        }
    });

    function posDisplay(){
        $('article').find('.advertiseBox').css('top',function(){
            return ContentT+50;
        });
    }
}

无法区分不同的文章,所有advertiseBox都获得posDisplay(),但是我想让article得到contenTrueH>1100的{​​{1}}是吗?

0 个答案:

没有答案