`

页面到达底部时的自动刷新

 
阅读更多
window.onscroll=function(){
	var a = document.documentElement.scrollTop==0? document.body.clientHeight : document.documentElement.clientHeight;
	var b = document.documentElement.scrollTop==0? document.body.scrollTop : document.documentElement.scrollTop;
	var c = document.documentElement.scrollTop==0? document.body.scrollHeight : document.documentElement.scrollHeight;

	if(a+b==c){
		alert("new message");
	}
}


这段代码就可以实现 像 人人 QQ空间 等  当滚动条到达最底部时的自动刷新,应用就是:不一次性的给出所有数据,分批查找。

在 IE,火狐中均有效, 但是火狐中似乎还有小问题,当滚动条达到最上方时,也会刷新。
分享到:
评论

相关推荐

    页面滚动到底部自动加载数据

    页面滚动到底部自动加载数据,也被称为无限滚动或滚动加载,是现代网页设计中常见的一种交互方式。这种技术允许用户在浏览网页时无需点击分页按钮,只需将页面滚动到最底部,更多内容就会自动加载出来,提高了用户...

    页面刷新效果组件

    2. 判断是否到达底部:当最后一个可见项接近或等于总项数时,触发加载更多。 3. 加载新数据:调用数据源的加载更多方法,加载新的数据集。 4. 更新列表:将新数据添加到现有数据中,并通知列表视图更新。 三、...

    html5页面上拉刷新

    3. **状态管理**:在处理上拉刷新时,需要维护一个状态来指示当前是否正在加载数据,防止用户在数据加载过程中多次触发刷新。 综上所述,HTML5页面的上拉刷新是通过结合HTML5的新特性、JavaScript事件监听和数据...

    上拉 加载 刷新 页面

    3. 带有缓存控制的刷新:有时我们希望刷新时清空缓存,可以设置`reload`参数为`true`: ```javascript location.reload(true); ``` 三、jQuery库的使用 jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件...

    uniapp基于z-paging实现页面下拉刷新、上拉加载,分页加载案例

    它通过监听用户的滚动事件,自动触发下拉刷新和上拉加载更多数据的动作。这使得开发者无需手动处理滚动细节,从而集中精力于业务逻辑。 在实现这个案例时,我们需要以下几个关键步骤: 1. **安装z-paging插件**:...

    手机端上拉刷新下拉加载

    2. 实现原理:下拉加载通过监听滚动事件,判断内容是否接近或已经到达底部,如果是,则向服务器发送请求加载更多数据。开发者需要维护一个当前页数,并根据返回的数据更新视图。 3. 数据管理:为了高效加载和显示,...

    下拉刷新+上拉自动加载

    实现上拉自动加载的关键在于监听滚动事件,判断用户是否接近或已经到达列表底部。一旦满足条件,就触发加载更多数据的请求。开发者需要维护一个加载状态,以防止在数据加载期间用户再次触发加载请求,造成不必要的...

    Listview的上拉刷新与下拉刷新

    下拉刷新则是在ListView顶部,用户向下拉动时,会看到一个刷新指示器,松开手指后,列表会自动回弹并加载新数据。下拉刷新常用于显示最新信息,如新闻、邮件等。同样,我们可以使用SwipeRefreshLayout来实现这个功能...

    ViewPager+ListView上拉加载下拉刷新

    下拉刷新功能则是对`ListView`头部的扩展,用户下拉时显示刷新进度,释放后自动开始刷新数据。在Android中,我们可以使用`SwipeRefreshLayout`来实现这一功能。`SwipeRefreshLayout`包含一个子视图,并提供了一种...

    上拉加载下拉刷新及圆形图像的显示

    3. 实现数据源接口,以便在刷新时加载新数据。当数据加载完毕,更新RecyclerView的数据集。 4. 对于上拉加载,需要自定义RecyclerView的OnScrollListener,检测是否到达底部,然后调用加载更多数据的方法。 5. 利用...

    iscoll 实现下拉刷新上拉加载更多

    iscoll 是一个专门为实现这种功能而设计的组件,它允许用户在滚动到列表顶部时触发下拉刷新操作,滚动到底部时触发上拉加载更多数据的操作。这个经典demo 提供了一个简单易懂的实现方式,方便开发者快速集成到自己的...

    上拉加载更多和下拉刷新

    1. **判断是否到达底部**:监听列表的滚动事件,当滚动位置接近或达到底部时,触发加载更多操作。 2. **加载新数据**:调用API接口获取更多数据,通常需要传递当前已加载数据的数量作为参数,以便服务端返回后续数据...

    上拉加载下拉刷新

    实现上拉加载,开发者通常需要监听ListView的OnScrollListener,判断滚动状态和当前位置,当到达底部时,加载新的数据并更新列表。 3. **XListView**: 在描述中提到的XListView是一个开源库,它扩展了原生的...

    下拉刷新 上拉加载更多

    同样,我们需要监听滚动事件,当检测到滚动条到达页面底部时,发送Ajax请求获取新的数据。收到数据后,通过DOM操作将新内容插入到列表的末尾,同时可能需要更新分页信息。 三、结合CSS和HTML实现 在实现这些功能时...

    js实现滑动到页面底部自动加载更多功能

    在进行网页内容的展示时,常常会遇到大量内容需要分批次加载的情况,这时候就需要实现一个“滑动到页面底部自动加载更多内容”的功能。该功能可以有效改善用户阅读体验,避免一次性加载过多数据导致页面响应过慢的...

    上拉加载,下拉刷新

    在滚动事件中,我们需要判断是否到达底部,如果达到,就触发加载新数据的请求。在iOS开发中,可以通过监听UITableView或UICollectionView的contentInset变化实现;在Android中,可以监听RecyclerView的滑动状态。...

    android 下拉刷新 加载更多

    1. RecyclerView与LinearLayoutManager:使用RecyclerView的添加OnScrollListener,并结合LinearLayoutManager的滑动方向判断,可以在到达底部时触发加载更多操作。通常,开发者会调用API获取下一页数据,然后插入到...

    Listview(上拉更多 下拉刷新)

    当用户到达列表的底部,通常会出现一个提示,如“加载更多”或加载动画,点击或等待一段时间后,新的数据会被添加到列表下方,无需离开当前页面即可查看更多的内容。 在实现这些功能时,开发者通常会用到以下关键...

    html5下拉刷新上拉加载

    上拉加载通过监听滚动事件,判断页面是否到达底部,然后触发加载新数据的函数。为了提供平滑的体验,通常需要配合一定的缓冲区,避免用户频繁触发加载。 在HTML5中,可以利用JavaScript、CSS3和Ajax等技术实现下拉...

    dragloading基于窗体滚动的下拉释放加载或者刷新

    在网页设计和开发中,"drag-loading"是一种常见的交互效果,通常用于实现用户在滚动页面到底部时自动加载更多内容或刷新数据的功能。这个技术在响应式设计和大数据量展示中尤为常见,能够提高用户体验,避免一次性...

Global site tag (gtag.js) - Google Analytics