南强小屋 Design By 杰米
实现方法如下：（这里只发jquery了，相关html代码请各位自己脑补一下吧，我就不发了，哈哈）
/**
* 自动刷新
* @type {*|jQuery|HTMLElement}
*/
var $container = $('#main');
$container.imagesLoaded( function(){
$container.masonry({
itemSelector : '.item',
columnWidth:205,
gutterWidth:10,
isAnimated: true
});
});
var pre_href;
//滚动
$(window).scroll(function(){
// 当滚动到最底部以上100像素时， 加载新内容
if ($(document).height() - $(this).scrollTop() - $(this).height()<100) {
ajax_load_data();
}
});
function ajax_load_data(){
var href = $('#page-nav').find('.nextprev').attr('href');
if(href && href != pre_href){
console.log('href = '+href);
pre_href = href;
$.ajax({
url:href,//获取元素列表的地址
data:{'act':'ajax_wap_index'},
dataType:'json',
type:'post',
beforeSend:function(){
show_loading_body();
},
complete:function(){
show_loading_body();
},
success:function(data){
if(data.status != undefined && data.status == 'ok'){
if(data.html){
var $boxes = $( data.html );
$container.append( $boxes ).masonry("appended", $boxes, true);//追加元素
$container.imagesLoaded(function () {
$container.masonry();
});//加载完图片后，会实现自动重新排列。【这里是重点】
}
if(data.str_pages){
$('#page-nav').html(data.str_pages);//设置下一个分页的地址。【可以自己补充】
}
}
}
});
}
}
南强小屋 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
南强小屋 Design By 杰米
暂无jQuery.lazyload+masonry改良图片瀑布流代码的评论...
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。