手机页面滑动加载数据

var $doc, $win, bind;
$doc = $(document);

$win = $(window);

bind = function() {
return $(‘.js-scroll-load‘).each(function() {
var $self, scroll, top;
$self = $(this);
$self.removeClass(‘js-scroll-load‘);
top = $self.offset().top - 300;
$win.on(‘scroll‘, scroll = function() {
if ($doc.scrollTop() + $win.height() > top) {
$self.click();
return $win.off(‘scroll‘, scroll);
}
});
return scroll();
});
};

$(bind);

时间: 2025-01-08 06:45:11

手机页面滑动加载数据的相关文章

Android第十五期 - Viewpage+Fragment页面滑动加载数据

代码已经整理过了,效果如下图:

[JS前端开发] js/jquery控制页面动态加载数据 滑动滚动条自动加载事件

页面滚动动态加载数据,页面下拉自动加载内容 相信很多人都见过瀑布流图片布局,那些图片是动态加载出来的,效果很好,对服务器的压力相对来说也小了很多 有手机的相信都见过这样的效果:进入qq空间,向下拉动空间,到底部时,会动态加载剩余的说说或者是日志 今天我们就来看看他们的实现思路和js控制动态加载的代码 下面的代码主要是控制滚动条下拉时的加载事件的 在下面代码说明出,写上你的操作即可,无论是加载图片还是加载记录数据  都可以 别忘了引用jquery类库 [JavaScript] 纯文本查看 复制代码

SpringMVC+Jquery -页面异步加载数据

背景: 做项目时涉及到页面,当我打算在controller中传一个list到页面,然后通过<c:foreach>循环遍历出来时,同事说:你这样每次都要刷新,这都是几百年前使用的技术了.你用post实现异步加载数据.然后就...... ResultUtil.java 工具类: package com.sgcc.uds.fs.config.web.util; import java.util.HashMap; import java.util.Map; import net.sf.json.JSO

android listView 滑动加载数据 该数据是服务端获取的

package com.sunway.works.applycash; import java.util.ArrayList; import java.util.Calendar; import java.util.HashMap; import java.util.List; import java.util.Map; import com.sunway.works.R; import com.sunway.works.applycash.ApplyCashListActivity; impo

手机页面分页加载更多

Html <div class="load-more" id="load-more"><div class="loading"></div></div> JS var isLoading = false; var loadMoreTarget = $("#load-more"); var listTarget = $("#list"); listTarget.

滑轮滚动到页面底部ajax加载数据

滚动下拉到页面底部加载数据是很多瀑布流网站的做法,那来看看配合jsonp是如何实现的吧 当然本例子采用的是jquery库,后期会做成原生js.本例的数据调用的是锋利的jquery一书提供的一段json. 首先要先判断页面怎么样才是滚动到底部,也就是scrollTop+window的height是否大于document的height,jquery如下代码: $(window).scrollTop()+$(window).height()>=$(document).height(): 再给windo

android 加载数据或提交数据时显示转圈的提示页面

提前声明一下,本博客全是自己的理解,如果内容中有理解错误的地方,欢迎指正.另外,博客内容有参考其他博客,本博客只用来学习. 当我们进入到一个页面时,通常先会出现一个转圈的dialog,这是因为这个页面需要加载数据,为了防止数据加载完成前空白的页面,通常会先显示转圈的dialog,直到数据加载完成,圈消失.那么,这个转圈的dialog是怎么实现的呢? 首先,先写 显示转圈的layout:progress_hud.xml <span style="font-size:14px;"&g

HTML5 实现触摸加载数据

var startX;                     //触摸起始横坐标var startY;                    //触摸起始纵坐标var moveSpave;                //移动的距离var isMoveX = true;          //判断是否为左右移动var isFirst = true;          //是否要判断touchmove方向var beginTime=0; //监听 触摸事件    document.queryS

Ajax加载数据的使用

需求就是不能再进入页面时加载数据,只能在点击其中一个按钮时把数据加载呈现出来.具体效果如最下面的图. 1.前台页面 1 <h1 class="title" id="001" name="001" onclick="GetData(1)"> 2 概述 <span class="title_icon"></h1> 3 <div class="mc_list&q