`
uule
  • 浏览: 6352745 次
  • 性别: Icon_minigender_1
  • 来自: 一片神奇的土地
社区版块
存档分类
最新评论

加载更多

 
阅读更多

加载更多:

默认展示第一页数据,向下滑动加载第二页数据,依次类推..

 

var page = 2;   //默认展示第一页,所以加载更多从第二页开始
var $boxDiv; //所有内容的外层DIV
$(document).ready(function() {
	$boxDiv = $("#commentDiv");
	
	var nScrollHight = 0; // 滚动距离总长(注意不是滚动条的长度)
	var nScrollTop = 0; // 滚动到的当前位置
	var nDivHight = $boxDiv.height();
	
	//jQuery scroll方法
	$boxDiv.scroll(function() {
		nScrollHight = $(this)[0].scrollHeight;
		nScrollTop = $(this)[0].scrollTop;
		
		if (nScrollTop + nDivHight >= nScrollHight) {
			//显示更多
			showMore(page);
			page = page + 1 ;
		}
	});
});

function showMore(page){
		var data = '&nPageIndex='+page;
		var url = "/showcomment/getMoreComments.do?iddd="+Math.random();
		doAjax(url,data,afterGetComments);
	}

 。。

分享到:
评论

相关推荐

    vue 点击加载更多vue 点击加载更多

    "点击加载更多"是网页中常见的功能,尤其在显示大量数据如小说列表、文章列表或评论区时,为了优化用户体验,通常不会一次性加载所有内容,而是分页或者按需加载。本篇文章将深入探讨如何在Vue.js项目中实现“点击...

    jquery 上拉加载更多

    在网页开发中,"jQuery 上拉加载更多"是一种常见的优化用户体验的技术,特别是在处理大量数据或内容的页面上,如新闻列表、社交媒体动态或电商产品展示等。这种技术允许用户滚动到页面底部时自动加载更多内容,而...

    Jquery上拉滚动加载更多

    在移动设备上,为了优化用户体验,常常需要使用“上拉滚动加载更多”功能。这个功能允许用户在浏览页面时,当他们滚动到页面底部时,无需点击任何按钮就能自动加载更多的内容。JQuery是一个轻量级、高性能的...

    下拉刷新与上拉加载更多SwipeRefreshLayout

    在Android应用开发中,用户界面的交互体验是至关重要的,其中下拉刷新和上拉加载更多功能已经成为现代移动应用的标准特性。"下拉刷新与上拉加载更多SwipeRefreshLayout"是Android SDK提供的一种组件,用于实现这两种...

    移动端下拉刷新 下拉加载更多

    在移动端应用和网页设计中,"下拉刷新"和"下拉加载更多"是两种非常重要的交互功能,它们极大地提升了用户的浏览体验。这两种技术主要应用于数据流无尽滚动的场景,比如社交媒体、新闻聚合和电商产品列表等。下面将...

    php ajax mysql 点击加载更多 分页

    在分页加载更多数据的场景中,PHP主要负责与MySQL数据库交互,处理请求,如查询、排序和过滤数据,然后将处理后的结果返回给前端。 2. AJAX(Asynchronous JavaScript and XML):AJAX不是单一的技术,而是一种使用...

    Jquery实现手机端上拉滚动加载更多数据

    在移动设备上,为了优化用户体验,常常需要使用到“上拉滚动加载更多”功能,这在Jquery中可以通过实现特定的脚本逻辑来达成。这种技术通常被应用于新闻列表、商品展示等需要显示大量数据的场景,使得用户不必翻页,...

    实现ajax加载更多功能

    "实现Ajax加载更多功能"是Web开发中一种常见的优化用户体验的技术。它允许用户在不刷新整个页面的情况下,通过异步请求获取并加载更多的内容。这种技术尤其适用于新闻、博客、社交媒体和其他需要显示大量数据的网站...

    ListView分页加载更多

    当用户滚动到列表的最后一个可见项时,如果满足加载更多的条件(比如还有更多数据可加载),则触发加载更多操作。 3. **加载更多逻辑**:在OnScrollListener的onScrollStateChanged()或onScroll()方法中,我们可以...

    Android 加载更多

    在Android应用开发中,"加载更多"功能是一个常见的需求,特别是在滚动列表或网格视图时。这个功能允许用户浏览更多的数据而无需离开当前界面,提高了用户体验。本篇将深入探讨如何在Android中实现加载更多的功能,...

    android加载更多

    在Android开发中,"加载更多"功能是一种常见的用户体验设计,特别是在显示大量数据的列表视图(ListView)中。这个功能允许用户滚动到列表底部时触发加载更多数据的请求,而不是一次性加载所有数据,从而节省内存资源...

    jQuery移动端下拉刷新、上拉加载更多插件

    **jQuery移动端下拉刷新、上拉加载更多插件——dropload.js详解** 在移动设备上,用户经常需要滚动页面以查看更多的内容或者刷新数据。为了提高用户体验,许多开发者引入了下拉刷新(Pull-to-Refresh)和上拉加载更...

    上拉加载更多、下拉更新的demo

    在Android开发中,"上拉加载更多"和"下拉更新"是常见的用户界面功能,尤其是在列表视图(ListView)和滚动视图中。这两个功能极大地提升了用户体验,让用户能够无缝地浏览和交互大量数据。本Demo就是针对这些需求实现...

    listview加载更多

    "ListView加载更多"功能是用户滚动到列表底部时自动加载新数据的一种交互模式,它提升了用户体验,减少了用户手动刷新的操作。本教程将深入讲解如何实现ListView的上拉加载更多功能。 1. **基础概念** - `ListView...

    移动端下拉加载更多信息

    在移动端应用中,"下拉加载更多"是一种常见的滚动加载技术,它允许用户在滚动页面到底部时自动加载更多的内容,提升用户体验,特别是在内容丰富的列表或流式布局中。本实例将基于jQuery来实现这一功能,让开发者了解...

    包装RecyclerView的Adapter实现上拉加载更多

    本文将详细讲解如何通过包装RecyclerView的Adapter来实现“上拉加载更多”的功能,这是一个常见的滚动监听机制,可以提升用户体验,让用户在浏览列表时无缝地加载更多数据。 首先,我们需要了解RecyclerView的基本...

    vue实现的上拉加载更多数据/分页功能示例

    在本示例中,主要介绍了如何利用Vue.js框架来实现一个上拉加载更多数据的分页功能。这一功能在前端开发中十分常见,主要用于在用户浏览网页时动态地从服务器获取更多数据,以提升用户体验。 首先,我们需要了解Vue....

    自定义ListView实现下拉刷新+加载更多功能Demo

    在Android开发中,自定义ListView实现下拉刷新和加载更多的功能是常见的需求,尤其是在构建具有数据流滚动和实时更新的应用程序时。这个"自定义ListView实现下拉刷新+加载更多功能Demo"旨在帮助开发者理解如何集成...

    仿淘宝上拉加载更多

    在Android开发中,"仿淘宝上拉加载更多"是一种常见的滚动刷新效果,它通常用于电商平台或者信息流应用,用户在浏览到底部时可以自动或手动触发加载更多数据的功能。这个功能提高了用户体验,使得用户无需手动翻页...

Global site tag (gtag.js) - Google Analytics