实现关键:

1.定义每次需要加载的记录数

2.定义什么时候加载:当滚动到最底部以上50像素时, 加载新内容.  高度:$(document).height() - $(this).scrollTop() - $(this).height()

实现代码:

var pageCount = 0; //总页数
var pageIndex = 1;
var pageSize = 10;//每次加载条数
var pageNumber = 10;//此次需要获取的总记录数条数
//滚动加载数据
$(window).scroll(function () {
    if ($(document).height() - $(this).scrollTop() - $(this).height() < 50) {
        pageCount = $("#hid_talk_count").val();
        if (pageCount > pageNumber) {
            pageNumber = (pageIndex + 1) * pageSize;
            LoadTalkInfo();
            pageIndex += 1;
        }
    }
});

//加载新鲜事列表
function LoadTalkInfo(type) {
    var spaceId = $("#hid_space").val();
    var paras = "operation=getTalk&spaceId=" + spaceId + "&type=" + type + "&pageNumber=" + pageNumber;
    var json = SendAjax("../com/TalkHandler.ashx", paras, "json", false);
    $(json).each(function (i) {
        
    });
}

jquery+.net 实现动态瀑布流相关推荐

  1. 动态瀑布流网页布局 Jquery 源码

    动态瀑布流网页布局jQuery代码,效果超酷,自适应网页宽度,动态缩略图排列效果, 本代码包含两种演示效果, 一种是缩略图布局效果 一种是文字布局效果 下载地址: http://download.cs ...

  2. vue环境简单实现动态瀑布流效果

    vue环境简单实现动态瀑布流效果 最近开发项目需要实现动态瀑布流效果,项目本身是vue环境,网上很难找到类似的效果,vue-waterfall插件,懂的都懂.看了源码就知道不符合我项目目前的场景.(列 ...

  3. JS实现动态瀑布流及放大切换图片效果(js案例)

    整理了一下当时学js写的一些案例,再次体验了一把用原生JS实现动态瀑布流效果的乐趣,现在把它整理出来,需要的小伙伴可以参考一下. 该案例主要是用HTML+CSS控制样式,通过JS实现全局瀑布流以及点击 ...

  4. 用 jQuery Masonry 插件创建瀑布流式的页面(转)

    瀑布流式的页面,最早我是在国外的一个叫 Pinterest 的网站上看到,这个网站爆发,后来国内的很多网站也使用了这种瀑布流方式来展示页面(我不太喜欢瀑布流这个名字). 我们可以使用 jQuery 的 ...

  5. 在 JQuery Mobile 中实现瀑布流图库布局

    先来看在Windows系统的1080P显示器中显示的效果: 这个整合方式几乎没有现存的实例,是自己总结出来的方法,在此记录下来. 首先访问Masonry官网下载masonry.pkgd.min.js: ...

  6. jQuery实现响应式瀑布流效果(jQuery+flex)

            瀑布流原理:是一种常见的网页布局方式,它的特点是将内容以多列的形式呈现,每一列的内容高度不固定,根据内容的大小自适应调整,从而形成了像瀑布一样的流动效果. 瀑布流的实现原理涉及到数据加 ...

  7. 【jQuery Demo】图片瀑布流实现

    瀑布流就是像瀑布一样的网站--丰富的网站内容,特别是绚美的图片会让你流连忘返.你在浏览网站的时候只需要轻轻滑动一下鼠标滚轮,一切的美妙的图片精彩便可呈现在你面前.瀑布流网站是新兴的一种网站模式--她的 ...

  8. js结合jquery实现的ajax瀑布流加载实例

    一.js代码 ajax函数 //瀑布流数据 var getData = function (i,url,name){$.post(url,{p:i},function(data){if(data.st ...

  9. 原生JS实现瀑布流效果

    前两天通过B站在极客学院学习了JS动态瀑布流效果:主要是HTML+CSS控制样式,通过JS实现全局瀑布流样式,以及通过访问自定义的JSON字符串,实现图片无限加载:现对其代码进行整理,供日后学习参考. ...

最新文章

  1. 使用E-MapReduce服务将Kafka数据导入OSS
  2. Python进阶11-标准库介绍02
  3. oracle 查询表字段6,Oracle 查询库中所有表名、字段名、字段名说明,查询表的数据条数、表名、中文表名、...
  4. 网络爬虫--8.编码趣闻
  5. linux用grep查找文件内容
  6. Dijkstra算法的C语言程序
  7. javascript学习之利用DOM和正则表达式判断主流浏览器的类型
  8. 【翻译】InterlockedIncrement内部是如何实现的?
  9. 计算机在线作业office,全国计算机一级office题库与答案
  10. 魅魔php影视系统,魅魔Maccms电影程序PHP
  11. 数据库系统的简单结构图
  12. 【IOI2000】 邮局
  13. python ADF单位根检验,序列平稳性检验
  14. iPhone检测是否存在耳麦
  15. 【总结】最好的CV学习小组,超200个课时+10个方向+30个项目,从理论到实践全部系统掌握...
  16. linux输入特殊符号密码,Linux-shell操作环境和通配符及特殊符号
  17. vs2015已停止工作,事件名称APPCRASH 故障模块KERNELBASE.dll
  18. STM32输出PWM波形
  19. Web应用程序和Web网站
  20. JQuery-slideToggle

热门文章

  1. 怎么控制LED灯的开关呢?最简单的方法是给它加一个开关
  2. 一个简单粗暴的营销方案,让麻辣烫老店业绩增长40倍以上!
  3. 为什么年轻时要多赚钱?这是我听过最好的回答
  4. oracle char转存date,Oracle中char到Date和Number的转换
  5. 网络知识入门,路由器工作原理(十)
  6. 【C语言】strncpy函数和strncpy_s函数的不同!关于末尾追加\0
  7. MUSBMHDRC USB 2.0 MULTI-POINT DUAL-ROLE CONTROLLER编程指南解读2
  8. 3-3 优化你的索引-运用B树
  9. 通过代理IP的HTTP URLConnection
  10. Tomcat启动项目的三种方式