异步加载技术实现当滚动条到最底部的瀑布流效果


Posted in PHP onSeptember 16, 2014

异步加载技术实现瀑布流效果。当滚动条到最底部的时候触发一个事件,这个事件写入$.get()事件,向内部程序页传递类别id和页码,程序将会返回那个类别下的相对页的产品列表,如果程序查询当前类无产品即返回空。

滚动条事件要写在window.onscroll中才有效判断。如下:

window.onscroll=function(){<br>
// 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>=sctop)//成立说明滚动条已在最底部
{
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);
});

}
};
PHP 相关文章推荐
十天学会php之第五天
Oct 09 PHP
php 静态页面中显示动态内容
Aug 14 PHP
PHP操作文件类的函数代码(文件和文件夹创建,复制,移动和删除)
Nov 10 PHP
非常精妙的PHP递归调用与静态变量使用
Dec 16 PHP
如何解决CI框架的Disallowed Key Characters错误提示
Jul 05 PHP
php创建session的方法实例详解
Jan 27 PHP
PHP判断IP并转跳到相应城市分站的方法
Mar 25 PHP
学习php设计模式 php实现享元模式(flyweight)
Dec 07 PHP
thinkPHP下的widget扩展用法实例分析
Dec 26 PHP
jQuery+php简单实现全选删除的方法
Nov 28 PHP
PHP fclose函数用法总结
Feb 15 PHP
Laravel中正确地返回HTTP状态码方法示例
Sep 10 PHP
PHP+iFrame实现页面无需刷新的异步文件上传
Sep 16 #PHP
PHP使用静态方法的几个注意事项
Sep 16 #PHP
PHP处理JSON字符串key缺少双引号的解决方法
Sep 16 #PHP
php中使用PHPExcel读写excel(xls)文件的方法
Sep 15 #PHP
PHP常量使用的几个需要注意的地方(谨慎使用PHP中的常量)
Sep 12 #PHP
php修改指定文件后缀的方法
Sep 11 #PHP
MyEclipse常用配置图文教程
Sep 11 #PHP
You might like
Http 1.1 Etag 与 Last-Modified提高php效率
2008/01/10 PHP
PHP获取当前所在目录位置的方法
2014/11/26 PHP
9个比较实用的php代码片段
2016/03/15 PHP
详解WordPress中添加友情链接的方法
2016/05/21 PHP
PHP中empty,isset,is_null用法和区别
2017/02/19 PHP
PHP那些琐碎的知识点(整理)
2017/05/20 PHP
PHP基于自定义函数生成笛卡尔积的方法示例
2017/09/30 PHP
php ajax数据传输和响应方法
2018/08/21 PHP
javascript while语句和do while语句的区别分析
2007/12/08 Javascript
jquery下异步提交表单 异步跨域提交表单
2010/11/17 Javascript
基于jQuery的烟花效果(运动相关)点击屏幕出烟花
2012/06/14 Javascript
js实现div闪烁原理及实现代码
2014/06/24 Javascript
CKEditor无法验证的解决方案(js验证+jQuery Validate验证)
2016/05/09 Javascript
JavaScript事件学习小结(三)js事件对象
2016/06/09 Javascript
AngularJS API之copy深拷贝详解及实例
2016/09/14 Javascript
ionic2 tabs使用 Modal底部tab弹出框
2016/12/30 Javascript
JavaScript选取(picking)和反选(rejecting)对象的属性方法
2017/08/16 Javascript
原生JS检测CSS3动画是否结束的方法详解
2019/01/27 Javascript
js实现通过开始结束控制的计时器
2019/02/25 Javascript
[09:47]2018DOTA2亚洲邀请赛4.5SOLO赛 No[o]ne vs Sumail
2018/04/06 DOTA
Python提示[Errno 32]Broken pipe导致线程crash错误解决方法
2014/11/19 Python
初步认识Python中的列表与位运算符
2015/10/12 Python
Python实现在某个数组中查找一个值的算法示例
2018/06/27 Python
Python列表(list)所有元素的同一操作解析
2019/08/01 Python
Python队列RabbitMQ 使用方法实例记录
2019/08/05 Python
基于Django统计博客文章阅读量
2019/10/29 Python
python实现滑雪游戏
2020/02/22 Python
纯CSS3实现带动画效果导航菜单无需js
2013/09/27 HTML / CSS
美国优质宠物用品购买网站:Muttropolis
2020/02/17 全球购物
介绍一下Java中标识符的命名规则
2014/02/03 面试题
高中生学习生活的自我评价
2013/11/27 职场文书
活动总结报告范文
2014/05/04 职场文书
关于安全的标语
2014/06/10 职场文书
节约用电标语
2014/06/17 职场文书
讲文明倡议书
2015/04/29 职场文书
大学生暑期实践报告
2015/07/13 职场文书