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


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 相关文章推荐
SSI指令
Nov 25 PHP
php桌面中心(四) 数据显示
Mar 11 PHP
PHP 面向对象实现代码
Nov 11 PHP
php目录操作函数之获取目录与文件的类型
Dec 29 PHP
php XMLWriter类的简单示例代码(RSS输出)
Sep 30 PHP
Linux下安装PHP MSSQL扩展教程
Oct 24 PHP
php中 $$str 中 &quot;$$&quot; 的详解
Jul 06 PHP
PHP树-不需要递归的实现方法
Jun 21 PHP
php通过执行CutyCapt命令实现网页截图的方法
Sep 30 PHP
利用PHP实现一个简单的用户登记表示例
Apr 25 PHP
PHP扩展Swoole实现实时异步任务队列示例
Apr 13 PHP
tp5.1 框架查询表达式用法详解
May 25 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 木马攻击防御技巧
2009/06/13 PHP
PHP学习之整理字符串
2011/04/17 PHP
php查询mssql出现乱码的解决方法
2014/12/29 PHP
php封装的mysqli类完整实例
2016/10/18 PHP
jquery ui dialog里调用datepicker的问题
2009/08/06 Javascript
JQuery的$命名冲突详细解析
2013/12/28 Javascript
js实现无限级树形导航列表效果代码
2015/09/23 Javascript
JavaScript的Vue.js库入门学习教程
2016/05/23 Javascript
微信小程序开发之圆形菜单 仿建行圆形菜单实例
2016/12/12 Javascript
js转换对象为xml
2017/02/17 Javascript
jQuery动态生成不规则表格(前后端)
2017/02/21 Javascript
深入剖析Node.js cluster模块
2018/05/23 Javascript
对vux点击事件的优化详解
2018/08/28 Javascript
Vue动态加载异步组件的方法
2018/11/21 Javascript
微信公众号获取用户地理位置并列出附近的门店的示例代码
2019/07/25 Javascript
微信小程序 点击切换样式scroll-view实现代码实例
2019/10/11 Javascript
vue之debounce属性被移除及处理详解
2019/11/13 Javascript
JS函数进阶之继承用法实例分析
2020/01/15 Javascript
使用python实现baidu hi自动登录的代码
2013/02/10 Python
Python语言实现机器学习的K-近邻算法
2015/06/11 Python
Python使用SQLite和Excel操作进行数据分析
2018/01/20 Python
Tensorflow 利用tf.contrib.learn建立输入函数的方法
2018/02/08 Python
Python第三方Window模块文件的几种安装方法
2018/11/22 Python
Python骚操作之动态定义函数
2019/03/26 Python
从numpy数组中取出满足条件的元素示例
2019/11/26 Python
GAP欧盟网上商店:GAP EU
2016/09/13 全球购物
英国评分最高的女性剃须刀订阅盒:FFS Beauty
2018/01/25 全球购物
学院书画协会部门岗位职责
2013/12/01 职场文书
期中考试后的反思
2014/02/08 职场文书
保卫钓鱼岛口号
2014/06/20 职场文书
医疗专业毕业生求职信
2014/08/28 职场文书
自主招生自荐信怎么写
2015/03/24 职场文书
堂吉诃德读书笔记
2015/06/30 职场文书
《鲁班学艺》读后感3篇
2019/11/27 职场文书
Python中的np.argmin()和np.argmax()函数用法
2021/06/02 Python
nginx.conf配置文件结构小结
2022/04/08 Servers