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

 更新时间:2014年09月16日 16:22:41   投稿:whsnow  
当滚动条到最底部的时候触发一个事件,这个事件写入$.get()事件,实现瀑布流效果,下面试具体的实现

异步加载技术实现瀑布流效果。当滚动条到最底部的时候触发一个事件,这个事件写入$.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 Swoole异步Redis客户端实现方法示例

    PHP Swoole异步Redis客户端实现方法示例

    这篇文章主要介绍了PHP Swoole异步Redis客户端实现方法,结合实例形式详细分析了php操作Swoole异步Redis客户端相关扩展安装与功能实现技巧,需要的朋友可以参考下
    2019-10-10
  • php提示Failed to write session data错误的解决方法

    php提示Failed to write session data错误的解决方法

    这篇文章主要介绍了php提示Failed to write session data错误的解决方法,较为详细的分析了session写入错误的原因与解决方法,并附带说明了php的工作机制,非常具有实用价值,需要的朋友可以参考下
    2014-12-12
  • PHP版微信小店接口开发实例

    PHP版微信小店接口开发实例

    这篇文章主要介绍了PHP版微信小店接口开发方法,结合实例形式分析了php实现微信小店接口调用的相关操作技巧,需要的朋友可以参考下
    2016-11-11
  • PHP数组操作类实例

    PHP数组操作类实例

    这篇文章主要介绍了PHP数组操作类,涉及php针对数组的删除、转换、分组、排序等相关操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • Thinkphp6 配置并使用redis图文详解

    Thinkphp6 配置并使用redis图文详解

    这篇文章主要介绍了Thinkphp6 配置并使用redis的方法,结合实例形式详细分析了Redis的安装、配置以及thinkphp6操作Redis的基本技巧,需要的朋友可以参考下
    2023-06-06
  • php加速缓存器opcache,apc,xcache,eAccelerator原理与配置方法实例分析

    php加速缓存器opcache,apc,xcache,eAccelerator原理与配置方法实例分析

    这篇文章主要介绍了php加速缓存器opcache,apc,xcache,eAccelerator原理与配置方法,结合实例形式分析了php加速缓存器opcache,apc,xcache,eAccelerator的基本功能、原理及扩展配置相关操作技巧,需要的朋友可以参考下
    2020-03-03
  • php中简单的对称加密算法实现

    php中简单的对称加密算法实现

    最近突发奇想要往数据库里保存一些机密的东西,然后就想着怎么让别人即使进入到了数据库也看不懂存储的是什么,那么只有加密了;可是我们自己还要看呢,那只能找一些对称加密的算法了,我们想看的时候再解密回来。下面就介绍了php中简单的对称加密算法实现。
    2017-01-01
  • php中关于换行的实例写法

    php中关于换行的实例写法

    在本篇文章里小编给大家分享的是关于php中关于换行的实例写法,正在学习PHP的朋友们可以参考下。
    2019-09-09
  • php如何调用webservice应用介绍

    php如何调用webservice应用介绍

    Web Service也叫XML Web Service WebService是一种可以接收从Internet或者Intranet上的其它系统中传递过来的请求,轻量级通讯技术,接下来将详细介绍php如何调用webservice,需要的朋友可以了解下
    2012-11-11
  • 解析php mysql 事务处理回滚操作(附实例)

    解析php mysql 事务处理回滚操作(附实例)

    其实用PHP来处理mysql的事务回滚并不难,下面小编就详细的为大家介绍一下。相信大家看完之后都知道如何使用
    2013-08-08

最新评论