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


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数据库(6)
Oct 09 PHP
PHP中通过ADO调用Access数据库的方法测试不通过
Dec 31 PHP
php二分法在IP地址查询中的应用
Aug 12 PHP
PHP SQLite类
May 07 PHP
让PHP开发者事半功倍的十大技巧小结
Apr 20 PHP
PHP学习之输出字符串(echo,print,printf,print_r和var_dump)
Apr 17 PHP
使用openssl实现rsa非对称加密算法示例
Jan 24 PHP
php开启openssl的方法
May 15 PHP
destoon网站转移服务器后搜索汉字出现乱码的解决方法
Jun 21 PHP
laravel5.4生成验证码的实例讲解
Aug 05 PHP
利用Homestead快速运行一个Laravel项目的方法详解
Nov 14 PHP
php利用ob_start()清除输出和选择性输出的方法
Jan 18 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
上海地方志办公室-上海电子仪表工业志
2021/03/04 无线电
古巴咖啡 Cubita琥爵咖啡 独特的加勒比海风味咖啡
2021/03/06 新手入门
一个简单的php实现的MySQL数据浏览器
2007/03/11 PHP
php 数组的指针操作实现代码
2011/02/08 PHP
如何用phpmyadmin设置mysql数据库用户的权限
2012/01/09 PHP
PHP连接SQLServer2005方法及代码
2013/12/26 PHP
php的sso单点登录实现方法
2015/01/08 PHP
用js自动判断浏览器分辨率的代码
2007/01/28 Javascript
javascript编程起步(第二课)
2007/02/27 Javascript
一些常用且实用的原生JavaScript函数
2010/09/08 Javascript
javaScript面向对象继承方法经典实现
2013/08/20 Javascript
HTML5实现留言和回复页面样式
2015/07/22 Javascript
jQuery蓝色风格滑动导航栏代码分享
2015/08/19 Javascript
JavaScript简单下拉菜单实例代码
2015/09/07 Javascript
javascript实现方法调用与方法触发小结
2016/03/26 Javascript
jQuery实现表格行和列的动态添加与删除方法【测试可用】
2016/08/01 Javascript
JavaScript对象封装的简单实现方法(3种方法)
2017/01/03 Javascript
详解node Async/Await 更好的异步编程解决方案
2018/05/10 Javascript
JavaScript实现Excel表格效果
2020/02/07 Javascript
简介Django中内置的一些中间件
2015/07/24 Python
Python实现的计数排序算法示例
2017/11/29 Python
Python Numpy:找到list中的np.nan值方法
2018/10/30 Python
PyQt5图形界面播放音乐的实例
2019/06/17 Python
Django ModelForm组件使用方法详解
2019/07/23 Python
python用win32gui遍历窗口并设置窗口位置的方法
2019/07/26 Python
Python 发送邮件方法总结
2020/08/10 Python
CSS3 Columns分列式布局方法简介
2014/05/03 HTML / CSS
IE9对HTML5中部分属性不支持的原因分析
2014/10/15 HTML / CSS
潘多拉珠宝英国官方网上商店:PANDORA英国
2018/06/12 全球购物
Solid & Striped官网:美国泳装品牌
2019/06/19 全球购物
怎样比较两个类型为String的字符串
2016/08/17 面试题
如何写一份好的自荐信
2014/01/02 职场文书
大学生职业生涯规划书模板
2014/01/18 职场文书
保证书范文大全
2014/04/28 职场文书
寝室长工作失责检讨书
2014/10/06 职场文书
mybatis 解决从列名到属性名的自动映射失败问题
2021/06/30 Java/Android