滚动加载更多的代码
来源:互联网 发布:美工岗位职责 编辑:程序博客网 时间:2024/06/08 16:16
//滚动加载更多
$(window).scroll(
function() {
var scrollTop = $(this).scrollTop();
var scrollHeight = $(document).height();
var windowHeight = $(this).height();
if (scrollTop + windowHeight > scrollHeight - 200) {
ajax_sourch_submit();//调用加载更多
}
}
$(window).scroll(
function() {
var scrollTop = $(this).scrollTop();
var scrollHeight = $(document).height();
var windowHeight = $(this).height();
if (scrollTop + windowHeight > scrollHeight - 200) {
ajax_sourch_submit();//调用加载更多
}
}
);
var before_request = 1; // 上一次请求是否已经有返回来, 有才可以进行下一次请求
var page = 0;
function ajax_sourch_submit(){
if(before_request == 0)// 上一次请求没回来 不进行下一次请求
return false;
before_request = 0;
page++;
$.ajax({
type : "get",
url:"/index.php?m=Mobile&c=Index&a=ajaxGetMore&p="+page,
success: function(data)
{
if(data){
$("#J_ItemList>ul").append(data);
before_request = 1;
}else{
$('.get_more').hide();
}
}
});
}
阅读全文
0 0
- 滚动加载更多的代码
- 滚动加载更多内容
- 滚动加载更多
- 基于jq 滚动条到底加载更多的方法
- js加载更多代码
- 原生javascript移动端滚动到底部加载更多数据效果代码
- ListView滚动到底部自动加载更多
- ListView滚动到底部自动加载更多
- 手机端滚动屏幕加载更多
- Framework7下拉刷新,滚动加载更多,幻灯片
- JQuery滚动加载更多数据实例
- vue中实现滚动加载更多
- jquery weui ajax滚动加载更多
- 【Jfinal】页面滚动 ajax 加载更多
- AngularJS应用-滚动加载更多数据
- 上拉加载更多FJPullTableView文件的实现代码
- listView的加载更多
- 滚动加载完整代码
- 常用快捷键—Webstorm入门指南
- IDEA一键完成格式化、去除无用引用、编译
- golang-Map
- Shell中快速切换多个目录
- Junit如何进行多线程测试
- 滚动加载更多的代码
- chain.doFilter(request,response)含义
- Android--Animation动画的基本使用与介绍
- JMS基本概念
- vagrant up时遇到ARPCHECK=no /sbin/ifup eth1 2> /dev/null问题
- 移动端那些事儿(三)移动端开发流行单位rem
- 【09】vue.js — 解决添加重复数据报错问题
- 基于extjs4 + svg工作流编辑器设计
- 路由传值介绍