imufeng / waterfall Goto Github PK

npm install jquery-waterfall --save

var $ = require('jquery');
var waterfall = require('jquery-waterfall');

$node.waterfall({/* 此处为设置选项, 可留空 */})

{
    selector:'.post-home',     //子元素class, 可留空
    columnCount:4,             // 列数,  纯数字, 可留空
    columnWidth:300,           // 列宽度, 纯数字, 可留空
    isResizable:false,         // 自适应浏览器宽度, 默认false
    end:function(){},          // 回调函数
}

Contributors

Stargazers

Forkers

fengyiyi yckit made-by-love hacker84 fool-bean 872409 maybezi abel533 licong xlws2002 durban89 boxui taikongfeizhu mark0758 larthas linghucn lukeddy dengpengks chelkaz sujinw waffle-iron

$img.attr('src',isrc).css({ width:ix,
                        height:iy
                    });

    .HistoryContainerList, .HistoryContainer { }

    .HistoryContainerList { border: 1px solid; }

    .HistoryContainer {
        max-height: 472px;
        height: 472px;
        overflow-x: hidden;
    }

</style>

$(function() {

    for (var i = 0; i < 5; i++) {
        var str = "<div class='waterfall'>start" + i + "</div>";
        $("#HistoryContainer").append(str);
    }

    //给某个独立元素加滚动条
    var obj = $("#HistoryContainer").waterfall({
        columnCount:1,
        end: function() {
            console.log("run");
            FreshMessageHistory();
        }
    });

    function FreshMessageHistory() {
        for (var i = 0; i < 5; i++) {
            var str = "<div>" + i + "</div>";
            $("#HistoryContainer").append(str);
        }
    }
});