jquery瀑布流加载

$(window).scroll(function() {
    if ($(window).scrollTop() + $(window).height() >= $(document).height()) {
        // 加载更多内容的逻辑
        $.ajax({
            url: 'your-api-endpoint',
            type: 'GET',
            success: function(data) {
                var items = '';
                $.each(data, function(index, item) {
                    items += '<div class="item">' + item.content + '</div>';
                });
                $('.waterfall-container').append(items);
                // 重新计算布局
                layoutWaterfall();
            }
        });
    }
});

function layoutWaterfall() {
    var container = $('.waterfall-container');
    var columnCount = 3; // 列数
    var columnHeights = new Array(columnCount).fill(0);
    var items = container.find('.item');

    items.each(function() {
        var minHeightIndex = columnHeights.indexOf(Math.min.apply(null, columnHeights));
        $(this).css({
            left: minHeightIndex * (container.width() / columnCount),
            top: columnHeights[minHeightIndex]
        });
        columnHeights[minHeightIndex] += $(this).outerHeight();
    });

    container.height(Math.max.apply(null, columnHeights));
}