主要为大家详细介绍了jquery实现瀑布流效果，下拉加载新数据,具有一定的参考价值，感兴趣的小伙伴们可以参考一下

闲来无事，琢磨着写点东西。貌似页面下拉加载数据，瀑布流的效果很火，各个网站都能见到各式各样的展示效果，原理大同小异。于是乎，决定自己写一写这个效果，希望能给比我还菜的菜鸟们一点参考价值。 在开始之前，先把实现的基本原理说一下。当夜幕下拉到底部的时候，js可以判断滚动条的位置，到达底部触发js方法，执行jquery的ajax方法，向后台一般处理程序夜幕ashx文件请求数据源，得到json格式的数据源。然后，遍历json数据源，拼接一个li标签，再填充到页面上去。 首先，我们来做个简单的html页面

相信很多人都见过瀑布流图片布局，那些图片是动态加载出来的，效果很好，对服务器的压力相对来说也小了很多，用鼠标操作的时候相信都见过这样的效果：进入qq空间，向下拉动空间，到底部时，会动态加载剩余的说说或者是日志 ，今天我们就来看看他们的实现思路和js控制动态加载的代码。 下面的代码主要是控制滚动条下拉时的加载事件的，无论是加载图片还是加载记录数据  都可以。 加载jQuery库后我们可以这样使用：   $(window).scroll(function () { var scroll