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


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环境搭建最新方法
Sep 05 PHP
在PHP中PDO解决中文乱码问题的一些补充
Sep 06 PHP
simplehtmldom Doc api帮助文档
Mar 26 PHP
PHP header()函数使用详细(301、404等错误设置)
Apr 17 PHP
php 模拟GMAIL,HOTMAIL(MSN),YAHOO,163,126邮箱登录的详细介绍
Jun 18 PHP
开源php中文分词系统SCWS安装和使用实例
Apr 11 PHP
PHP读书笔记整理_结构语句详解
Jul 01 PHP
PHP通过加锁实现并发情况下抢码功能
Aug 10 PHP
thinkPHP5实现数据库添加内容的方法
Oct 25 PHP
Yii2框架redis基本应用示例
Jul 13 PHP
Laravel 自动生成验证的实例讲解:login / logout
Oct 14 PHP
PHP快速导出百万级数据到CSV或者EXCEL文件
Nov 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在项目中寻找代码的坏味道(综艺命名)
2012/07/19 PHP
php快速查找数据库中恶意代码的方法
2015/04/01 PHP
PHP SPL标准库之接口(Interface)详解
2015/05/11 PHP
Smarty模板变量调节器用法分析
2016/05/23 PHP
PHP判断密码强度的方法详解
2017/05/26 PHP
PHP简单实现合并2个数字键数组值的方法
2017/05/30 PHP
PHP goto语句用法实例
2019/08/06 PHP
JavaScript子窗口ModalDialog中操作父窗口对像
2012/12/11 Javascript
JS中的this变量的使用介绍
2013/10/21 Javascript
CSS3,HTML5和jQuery搜索框集锦
2014/12/02 Javascript
深入理解JavaScript系列(40):设计模式之组合模式详解
2015/03/04 Javascript
基于BootStrap Metronic开发框架经验小结【一】框架总览及菜单模块的处理
2016/05/12 Javascript
jQuery实现拖拽可编辑模块功能代码
2017/01/12 Javascript
JS 调试中常见的报错问题解决方法
2017/05/20 Javascript
详解Vue学习笔记入门篇之组件的内容分发(slot)
2017/07/17 Javascript
React Native 真机断点调试+跨域资源加载出错问题的解决方法
2018/01/18 Javascript
详解使用WebPack搭建React开发环境
2019/08/06 Javascript
python中for语句简单遍历数据的方法
2015/05/07 Python
详解appium+python 启动一个app步骤
2017/12/20 Python
ubuntu16.04制作vim和python3的开发环境
2018/09/23 Python
如何在python中执行另一个py文件
2020/04/30 Python
ansible-playbook实现自动部署KVM及安装python3的详细教程
2020/05/11 Python
python网络编程之五子棋游戏
2020/05/14 Python
Python+Opencv身份证号码区域提取及识别实现
2020/08/25 Python
python3排序的实例方法
2020/10/20 Python
Python 实现劳拉游戏的实例代码(四连环、重力四子棋)
2021/03/03 Python
Ticketmaster德国票务网站:购买音乐会和体育等门票
2016/11/14 全球购物
犹他州最古老的体育用品公司:Al’s
2020/12/18 全球购物
产品包装策划方案
2014/05/18 职场文书
服务理念口号
2014/06/11 职场文书
社区党建工作汇报材料
2014/08/14 职场文书
公司前台接待岗位职责
2015/04/03 职场文书
观后感的写法
2015/06/19 职场文书
2015年挂职锻炼个人总结
2015/10/22 职场文书
如何使用Maxwell实时同步mysql数据
2021/04/08 MySQL
Java多条件判断场景中规则执行器的设计
2021/06/26 Java/Android