jQuery图片高度相等横向排版的瀑布流_rowGrid.js

RowGrid.js 是个非常小的，轻量级的 jQuery 插件，可以对图像进行直排，而且是响应式的，支持到IE8，可以无限滚动阅览。

$(document).ready(function() {
  var options = {minMargin: 5, maxMargin: 15, itemSelector: ".item", firstItemClass: "first-item"};
  $(".container").rowGrid(options);
 
  // endless scrolling
  $(window).scroll(function() {
     if($(window).scrollTop() + $(window).height() == $(document).height()) {
        $(".container").append("<div class='item'><img src='path/to/image' width='140' height='100' /></div>");
        $(".container").rowGrid("appended");
     }
  });
});

预览地址：https://www.umming.com/demo/rowGrid/