关于瀑布流的一些有关问题php+js的
程序员文章站
2024-01-18 09:09:58
...
关于瀑布流的一些问题php+js的
我从网上下载的瀑布流,弄了半天发现有个问题,
会出现 一列或者 两列 特别的长
非常不美观,我看了看代码,是在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 = $('').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);
}
});
这样就会出现上述图片的情况,我想修改成正常的,各位有没有什么好的方法呢??
谢谢大家 啊!
专题推荐
-
独孤九贱-php全栈开发教程
全栈 170W+
主讲:Peter-Zhu 轻松幽默、简短易学,非常适合PHP学习入门
-
玉女心经-web前端开发教程
入门 80W+
主讲:灭绝师太 由浅入深、明快简洁,非常适合前端学习入门
-
天龙八部-实战开发教程
实战 120W+
主讲:西门大官人 思路清晰、严谨规范,适合有一定web编程基础学习
- 最新文章
- 热门排行
上一篇: php生成静态页面程序与原理分析
下一篇: mysql sharding(碎片)介绍
网友评论
文明上网理性发言,请遵守 新闻评论服务协议
我要评论