首页 / PHP / 关于瀑布流的一些有关问题php+js的
关于瀑布流的一些有关问题php+js的
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了关于瀑布流的一些有关问题php+js的，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1641字，纯文字阅读大概需要3分钟。
内容图文
关于瀑布流的一些问题php+js的我从网上下载的瀑布流，弄了半天发现有个问题，
会出现 一列或者 两列 特别的长
非常不美观，我看了看代码，是在js里面判断位置并放进去新的内容的，代码如下：
$(document).ready(function(){
loadMore();
});
$(window).scroll(function(){
// 当滚动到最底部以上100像素时， 加载新内容
if ($(document).height() - $(this).scrollTop() - $(this).height()<100 && $(document).height()<5000) loadMore();
});
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<l; 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 = $('![关于瀑布流的一些有关问题php+js的 - 文章图片]()
10000![关于瀑布流的一些有关问题php+js的 - 文章图片]()
![关于瀑布流的一些有关问题php+js的 - 文章图片]()
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);
}
});
这样就会出现上述图片的情况，我想修改成正常的，各位有没有什么好的方法呢？？
谢谢大家 啊！ 分享到：
------解决方案--------------------
应该与你的整体布局有关
你最好贴出可供测试的代码
------解决方案--------------------
那你是否应该考虑是否 BOM 头的影响呢？
内容总结
以上是互联网集市为您收集整理的关于瀑布流的一些有关问题php+js的全部内容，希望文章能够帮你解决关于瀑布流的一些有关问题php+js的所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】