html5 加载下一页,html5上划实现分页加载

一.功能分析

当页面有许多相同类型数据需要加载，而且单个屏幕不足以显示这些内容，就需要使用分页加载方法，在手机客户端，一般都是使用上划下划的方式，为了有更好的用户体验，还需要在加载数据前，显示类似“加载中...”的提示，在数据加载完成后，隐藏加载提示。

二.滑动加载实现方法

1.实现方法1

可使用jQuery的scroll(滑动)事件来触发，用当前页面的总高度减去向上滑动的高度，如果小于当前浏览器窗口的高度，就表面页面已经被滑动到了最低端，这个时候就可以加载更多数据。代码如下：

html代码如下：

留言

发布

加载中...

js代码如下：

//页面拉到最下方,加载更多评论

$(window).scroll(function(){

if (isLoading ==