关于瀑布流的一些有关问题php+js的

程序员文章站 2022-06-10 13:54:56

...

关于瀑布流的一些问题php+js的
我从网上下载的瀑布流，弄了半天发现有个问题，
关于瀑布流的一些有关问题php+js的

会出现一列或者两列特别的长
非常不美观，我看了看代码，是在js里面判断位置并放进去新的内容的，代码如下：

$(document).ready(function(){

	loadMore();

});	


$(window).scroll(function(){

	// 当滚动到最底部以上100像素时， 加载新内容



	if ($(document).height() - $(this).scrollTop() - $(this).height()
	

});



function loadMore()

{

	$.ajax({

		url : 'data.php',

		dataType : 'json',

		success : function(json){

				if(!json){


					return;

					}else if(typeof json == 'object'){

				var oProduct, $row, iHeight, iTempHeight;

				for(var i=0, l=json.length; i
				{

					oProduct = json[i];


					// 找出当前高度最小的列, 新内容添加到该列

					iHeight = -1;

					$('#stage li').each(function(){

						iTempHeight = Number( $(this).height() );

						if(iHeight==-1 || iHeight>iTempHeight)

						{

							iHeight = iTempHeight;

							$row = $(this);

						}

					});


						$(function(){

		$(".wf-cld .btn").hide();

		$(".wf-cld").hover(function(){

			$(".btn",this).show();

		},function(){

			$(".btn",this).hide();

		});

		$(".drop").hide();

		$(".per").hover(function(){

			$(".drop").show();

		},function(){

			$(".drop").hide();

		});

	})





					$item = $('

10000
123诱惑诱惑

').hide();




					$row.append($item);

					$item.fadeIn();

				}

			}

		}

	});

}

其中这段代码是检测在哪里插入新内容的：

// 找出当前高度最小的列, 新内容添加到该列

					iHeight = -1;

					$('#stage li').each(function(){

						iTempHeight = Number( $(this).height() );

						if(iHeight==-1 || iHeight>iTempHeight)

						{

							iHeight = iTempHeight;

							$row = $(this);

						}

					});

这样就会出现上述图片的情况，我想修改成正常的，各位有没有什么好的方法呢？？
谢谢大家啊！