使用Infinite Scroll时遇到一些问题。
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}}是吗?