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


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 zlib压缩和解压缩swf文件的代码
Dec 30 PHP
php 多线程上下文中安全写文件实现代码
Dec 28 PHP
php中使用cookie来保存用户登录信息的实现代码
Mar 08 PHP
php网页标题中文乱码的有效解决方法
Mar 05 PHP
PHP实现算式验证码和汉字验证码实例
Mar 09 PHP
PHP输出九九乘法表代码实例
Mar 27 PHP
PHP模板引擎Smarty自定义变量调解器用法
Apr 11 PHP
Win7环境下Apache连接MySQL提示连接已重置的解决办法
May 09 PHP
源码分析 Laravel 重复执行同一个队列任务的原因
Dec 25 PHP
基于 Swoole 的微信扫码登录功能实现代码
Jan 15 PHP
Smarty模板语法详解
Jul 20 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
超级简单的发送邮件程序
2006/10/09 PHP
php安全之直接用$获取值而不$_GET 字符转义
2012/06/03 PHP
php中的strpos使用示例
2014/02/27 PHP
ThinkPHP模板输出display用法分析
2014/11/26 PHP
PHP如何将XML转成数组
2016/04/04 PHP
js获取单元格自定义属性值的代码(IE/Firefox)
2010/04/05 Javascript
Js数组的操作push,pop,shift,unshift等方法详细介绍
2012/12/28 Javascript
js 获取浏览器版本以此来调整CSS的样式
2014/06/03 Javascript
原生javascript实现图片按钮切换
2015/01/12 Javascript
JavaScript显示表单内元素数量的方法
2015/04/02 Javascript
jQuery实现有动画淡出效果的二级折叠菜单代码
2015/10/17 Javascript
深入浅析JavaScript中的3DES
2016/08/24 Javascript
javascript比较语义化版本号的实现代码
2016/09/09 Javascript
zTree jQuery 树插件的使用(实例讲解)
2017/09/25 jQuery
js实现黑白div块画空心的图形
2018/12/13 Javascript
vue路由守卫+登录态管理实例分析
2019/05/21 Javascript
在JavaScript中使用严格模式(Strict Mode)
2019/06/13 Javascript
使用vue for时为什么要key【推荐】
2019/07/11 Javascript
js tab栏切换代码实例解析
2019/09/03 Javascript
JavaScript进阶(三)闭包原理与用法详解
2020/05/09 Javascript
简单了解前端渐进式框架VUE
2020/07/20 Javascript
js操作两个json数组合并、去重,以及删除某一项元素
2020/09/22 Javascript
python&amp;MongoDB爬取图书馆借阅记录
2016/02/05 Python
深入理解Python中变量赋值的问题
2017/01/12 Python
python 计算文件的md5值实例
2017/01/13 Python
python pandas库中DataFrame对行和列的操作实例讲解
2018/06/09 Python
Python异常处理操作实例详解
2018/08/28 Python
python实现将视频按帧读取到自定义目录
2019/12/10 Python
浅谈tensorflow之内存暴涨问题
2020/02/05 Python
澳大利亚礼品卡商店:Gift Card Store
2019/06/24 全球购物
大专生自我鉴定范文
2013/10/01 职场文书
大学班级干部的自我评价分享
2014/02/10 职场文书
家长通知书家长评语
2014/04/17 职场文书
三八妇女节慰问信
2015/02/14 职场文书
运动会200米广播稿
2015/08/19 职场文书
Spring Data JPA框架持久化存储数据到数据库
2022/04/28 Java/Android