随着移动互联网的快速发展，各类网站和应用也越来越注重用户体验的优化。瀑布式加载数据作为一种快速加载大量数据的方案，正在被越来越多的网站应用所采用。下面介绍使用jquery实现瀑布式加载数据的方法。

//设置全局变量
var page = 1; //当前页数
var isLoading = false; //是否正在加载数据
var $container = $('#container'); //选定容器

//绑定滚动条事件
$(window).scroll(function() {
  //如果正在加载数据，则直接返回
  if(isLoading) {
    return;
  }
  //如果滚动到了底部
  if($(window).scrollTop() + $(window).height() >= $container.height()) {
    isLoading = true; //将isLoading设置为true，表示正在加载
    loadData(); //加载数据
  }
});

//加载数据函数
function loadData() {
  $.ajax({
    url: 'data.php', //请求数据的地址
    type: 'POST',
    data: {'page': page}, //请求参数
    success: function(data) {
      //将数据添加到容器中
      $container.append(data);
      isLoading = false; //将isLoading设置为false，表示加载完成
      page++; //页数自增
    }
  });
}

上述代码实现的是一个简单的瀑布式加载数据流程。首先设置全局变量，包括当前页数、是否正在加载数据以及选定的容器元素。然后通过绑定滚动条事件，在滚动到底部时触发加载数据的操作。在加载数据时，通过ajax请求数据并将其添加到容器中。当数据加载完成后，将isLoading设置为false表示加载完成，同时将页数自增。通过这种方式实现瀑布式加载数据，用户体验会有所提升，同时也能减轻服务器压力。