瀑布流布局,大家帮我看看错哪里了TT html和css没问题的
$(window).on('load',function(){
waterfall();
var dataInt={'data':[{'src':'4.jpg'},{'src':'5.jpg'},{'src':'6.jpg'}]};
$(window).on('scroll',function(){
if(checkScrollSlide()){
$.each(dataInt.data,function(index,value){
var $oPin=$('').addClass('pin').appendTo($('#main'));
var $oBox=$('').addClass('box').appendTo($oPin);
$('<img>').attr('src','images/'+$(value).attr('src').appendTo($oBox));
});
waterfall();
};
})
})
function waterfall(){
var $aPin=$('#main>div');
var iPinW=$aPin.eq(0).outerWidth();
var num=Math.floor($(window).width()/iPinW);
$('#main').width(iPinW*num).css('margin','0 auto');
var pinHArr=[];
$aPin.each(function(index,value){
var pinH=$aPin.eq(index).outerHeight();
if(index |
免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。
版权声明:作者保留权利,不代表天盟立场。
|
|
|
|