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


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+oracle 分页类
Oct 09 PHP
BBS(php &amp; mysql)完整版(七)
Oct 09 PHP
第十二节--类的自动加载
Nov 16 PHP
php date()日期时间函数详解
May 16 PHP
PHP STRING 陷阱原理说明
Jul 24 PHP
php数组函数序列之in_array() 查找数组值是否存在
Oct 29 PHP
thinkphp连贯操作实例分析
Nov 22 PHP
php将csv文件导入到mysql数据库的方法
Dec 24 PHP
VPS中使用LNMP安装WordPress教程
Dec 28 PHP
WordPress特定文章对搜索引擎隐藏或只允许搜索引擎查看
Dec 31 PHP
PHP 下载文件时如何自动添加bom头及解释BOM头和去掉bom头的方法
Jan 04 PHP
php use和include区别总结
Oct 13 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
php采用curl实现伪造IP来源的方法
2014/11/21 PHP
php操作xml入门之cdata区段
2015/01/23 PHP
PHP MPDF中文乱码的解决方式
2015/12/08 PHP
PHP从尾到头打印链表实例讲解
2018/09/27 PHP
经常用的图片在容器中的水平垂直居中实例
2007/06/10 Javascript
广告切换效果(缓动切换)
2009/05/27 Javascript
JQuery为textarea添加maxlength属性的代码
2010/04/07 Javascript
js 多种变量定义(对象直接量,数组直接量和函数直接量)
2010/05/24 Javascript
jquery lazyload延迟加载技术的实现原理分析
2011/01/24 Javascript
js unicode 编码解析关于数据转换为中文的两种方法
2014/04/21 Javascript
ubuntu下安装nodejs以及升级的办法
2015/05/08 NodeJs
基于jQuery实现收缩展开功能
2016/03/18 Javascript
浅谈js中的引用和复制(传值和传址)
2016/09/18 Javascript
微信小程序 框架详解及实例应用
2016/09/26 Javascript
jQuery和CSS仿京东仿淘宝列表导航菜单
2017/01/04 Javascript
微信小程序 地图map实例详解
2017/06/07 Javascript
详解vue.js的事件处理器v-on:click
2017/06/27 Javascript
JavaScript 下载svg图片为png格式
2018/06/21 Javascript
Javascript删除数组里的某个元素
2019/02/28 Javascript
JS使用new操作符创建对象的方法分析
2019/05/30 Javascript
解决Vue的文本编辑器 vue-quill-editor 小图标样式排布错乱问题
2020/08/03 Javascript
Vue+Spring Boot简单用户登录(附Demo)
2020/11/12 Javascript
[57:36]DOTA2-DPC中国联赛 正赛 SAG vs CDEC BO3 第三场 2月1日
2021/03/11 DOTA
Python实现扫描指定目录下的子目录及文件的方法
2014/07/16 Python
redis之django-redis的简单缓存使用
2018/06/07 Python
pytorch 实现打印模型的参数值
2019/12/30 Python
Python ArgumentParse的subparser用法说明
2020/04/20 Python
Python datetime模块使用方法小结
2020/06/18 Python
keras分类模型中的输入数据与标签的维度实例
2020/07/03 Python
美国机场停车位预订:About Airport Parking
2018/03/26 全球购物
美发活动策划书
2014/01/14 职场文书
电子信息专业自荐书
2014/02/04 职场文书
春季防火方案
2014/05/10 职场文书
成本会计岗位职责
2015/02/03 职场文书
讲座通知范文
2015/04/23 职场文书
奖学金主要事迹范文
2015/11/04 职场文书