jquery实现滚动到页面底部时无限加载内容的代码
来源:互联网 发布:型材下料软件 编辑:程序博客网 时间:2024/05/22 03:17
由于时间关系没有整理封装,有空的时候再把他做成一个插件。但复制下来修改一下是可以用的。以下为实例:
- var p="{$other.p}";
- if(p=="") p=1;
- var stop=true;//触发开关,防止多次调用事件
- $(window).scroll(function() {
- //当内容滚动到底部时加载新的内容 100当距离最底部100个像素时开始加载.
- if ($(this).scrollTop() + $(window).height() + 100 >= $(document).height() && $(this).scrollTop() > 100) {
- if(stop==true){
- stop=false;
- p=p+1;//当前要加载的页码
- canshu="?t={$other.t}&p="+p+"&cid={$other.cid}";
- //加载提示信息
- $("#showlists").append("<li class='ajaxtips'><div style='font-size:2em'>Loding.....</div></li>");
- $.get("__URL__/nextpage"+canshu,function(data){
- $(".ajaxtips").hide();
- $("#showlists").append(data);//把新的内容加载到内容的后面
- stop=true;
- })
- }
- }
- });
0 0
- jquery实现滚动到页面底部时无限加载内容的代码
- jquery实现滚动到页面底部时无限加载内容的代码
- jquery模仿微博向下滚动到页面底部时实时加载新内容代码
- javscript实现滚动条滚动到页面底部自动加载增加页面内容
- 使用jquery实现页面滚动到底部自动加载新的信息
- jQuery实现页面滚动时动态加载内容的方法
- jquery 页面到底部自动加载内容
- Jquery鼠标滚动到页面底部自动加载更多内容,使用分页
- 滚动条到底部时自己加载新的内容
- 滚动到底部加载内容
- jquery实现页面滚动到最下方自动按分页的形式加载内容效果
- JQuery实现浏览器的滚动条滚动到底部后加载数据
- JQuery实现浏览器的滚动条滚动到底部后加载数据
- jQuery实现当拉动滚动条到底部加载数据
- jQuery实现当拉动滚动条到底部加载数据
- jQuery实现当拉动滚动条到底部加载数据
- Js(JQuery)实现滚动到底部加载更多(翻页)
- jQuery实现当拉动滚动条到底部加载数据
- ASCII码表
- 全面解析Linux 内核 3.10.x - 进程调度 - 调度算法
- hdu2458 二分匹配
- STL迭代器
- html编码规范
- jquery实现滚动到页面底部时无限加载内容的代码
- #69 – Internet Explorer Can Interpret XAML Directly(IE可以直接编译XAML文件)
- UVa 10391 复合词
- linux服务器配置tomcat
- volley 框架使用中遇到的坑
- java: -source 1.6 中不支持 switch 中存在字符串 和 "compileDebugJavaWithJavac"的错误解决
- Android 开发小知识(持续更新)
- 分享iOS中常用的绘图, 截屏方法
- Java多线程 之 后台线程(四)