PHP
发布时间:2019-11-13 发布网站:大佬教程 code.js-code.com
大佬教程收集整理的这篇文章主要介绍了异步加载技术实现当滚动条到最底部的瀑布流效果,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
异步加载技术实现瀑布流效果。当滚动条到最底部的时候触发一个事件,这个事件写入$.get()事件,向内部程序页传递类别id和页码,程序将会返回那个类别下的相对页的产品列表,如果程序查询当前类无产品即返回空。
滚动条事件要写在window.onscroll中才有效判断。如下:
php;">
window
.onscroll=function()
{
// var scrolltop=document.documentElement.scrollTop||document
.body.scrollTop;
var tops = $(document).scrollTop(
); //获取滚动条的位置
var sctop = $(document).height()-$(window).height(
);
var id = $("#ajax_claid").val(
);
if(!id)
{
id=8;
}
$("#ajax_p").val(tops
);
if(tops>=scto
p)//成立说明滚动条已在最底部
{
var b=$("#ajax_p").val(
);
if(b>a)
{
page=page+1;//传递页码
}
var Url = "aja_pro/"+id+"/"+page;//程序页面,查询信息返回数据,直接返回带html的信息。
$.get(Url,function(data){
$("#aja_jia").append(data);
});
}
};
大佬总结
以上是大佬教程为你收集整理的异步加载技术实现当滚动条到最底部的瀑布流效果全部内容,希望文章能够帮你解决异步加载技术实现当滚动条到最底部的瀑布流效果所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。