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

5年以前  |  阅读数:310 次  |  编程语言:PHP 

异步加载技术实现瀑布流效果。当滚动条到最底部的时候触发一个事件,这个事件写入$.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分页显示制作详细讲解
SSH 登录失败:Host key verification failed
将二进制数据转为16进制以便显示
获取IMSI
获取IMEI
Java生成UUID
PHP自定义函数获取搜索引擎来源关键字的方法
让你成为最历害的git提交人
在Zeus Web Server中安装PHP语言支持
再谈PHP中单双引号的区别详解
指定应用ID以获取对应的应用名称
php+ajax+json 详解及实例代码
Python 2与Python 3版本和编码的对比
Yii2汉字转拼音类的实例代码
php封装的page分页类完整实例
php数组合并array_merge()函数使用注意事项
PHP设计模式之工厂模式与单例模式
PHP实现简单爬虫的方法
php实现数组中索引关联数据转换成json对象的方法
wget使用技巧