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


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学习笔记 (1) 环境配置与代码调试
Jun 19 PHP
PHP表单递交控件名称含有点号(.)会被转化为下划线(_)的处理方法
Jan 06 PHP
浅析php单例模式
Nov 25 PHP
经典PHP加密解密函数Authcode()修复版代码
Apr 05 PHP
php使用MySQL保存session会话的方法
Jun 26 PHP
PHP环境中Memcache的安装和使用
Nov 05 PHP
php阿拉伯数字转中文人民币大写
Dec 21 PHP
深入解析PHP的Yii框架中的event事件机制
Mar 17 PHP
PHP对称加密算法(DES/AES)类的实现代码
Nov 14 PHP
PHP流Streams、包装器wrapper概念与用法实例详解
Nov 17 PHP
PHP实现普通hash分布式算法简单示例
Aug 06 PHP
Thinkphp5框架实现图片、音频和视频文件的上传功能详解
Aug 27 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获取短链接跳转后的真实地址和响应头信息的方法
2014/07/25 PHP
laravel 关联关系遍历数组的例子
2019/10/10 PHP
一个javascript参数的小问题
2008/03/02 Javascript
jquery 年会抽奖程序
2011/12/22 Javascript
深入理解JavaScript系列(6) 强大的原型和原型链
2012/01/15 Javascript
JS倒计时代码汇总
2014/11/25 Javascript
基于Bootstrap3表格插件和分页插件实例详解
2016/05/17 Javascript
JS实现的打字机效果完整实例
2016/06/20 Javascript
Angular.js前台传list数组由后台spring MVC接收数组示例代码
2017/07/31 Javascript
浅谈es6中export和export default的作用及区别
2018/02/07 Javascript
Java设计中的Builder模式的介绍
2018/03/22 Javascript
vue 组件的封装之基于axios的ajax请求方法
2018/08/11 Javascript
vue动态添加路由addRoutes之不能将动态路由存入缓存的解决
2019/02/19 Javascript
详解小程序input框失焦事件在提交事件前的处理
2019/05/05 Javascript
jQuery/JS监听input输入框值变化实例
2019/10/17 jQuery
Vue使用v-viewer实现图片预览
2020/10/21 Javascript
[03:18]DOTA2放量测试专访820:希望玩家加入国服大家庭
2013/08/25 DOTA
用 Python 连接 MySQL 的几种方式详解
2018/04/04 Python
Python 3.6 读取并操作文件内容的实例
2018/04/23 Python
Python2和Python3之间的str处理方式导致乱码的讲解
2019/01/03 Python
Python利用神经网络解决非线性回归问题实例详解
2019/07/19 Python
Python OpenCV实现鼠标画框效果
2020/08/19 Python
pyinstaller打包opencv和numpy程序运行错误解决
2019/08/16 Python
Python基于pyjnius库实现访问java类
2020/07/31 Python
python实现马丁策略回测3000只股票的实例代码
2021/01/22 Python
英国健身专家:WIT Fitness
2021/02/09 全球购物
澳大利亚在线床零售商:Bedworks
2020/09/01 全球购物
Internet体系结构
2014/12/21 面试题
公司司机岗位职责范本
2014/03/03 职场文书
消防工作实施方案
2014/06/09 职场文书
公务员个人年终总结
2015/02/12 职场文书
2015年普法依法治理工作总结
2015/05/26 职场文书
教师节大会主持词
2015/07/06 职场文书
《哪吒之魔童降世》观后感:世上哪有随随便便的成功
2019/11/08 职场文书
详解MySQL事务的隔离级别与MVCC
2021/04/22 MySQL
详解MySQL的主键查询为什么这么快
2022/04/03 MySQL