JSFiddle - React, Tailwind, and code Playground

by Tim BĂĽthe

HTML

<div id="myDiv" style="height: 200px; overflow: scroll;">
    <table id="myTable">
        <tr><td><img src="http://jsfiddle.net/img/logo.png"></td></tr>
        <tr><td><img src="http://jsfiddle.net/img/logo.png"></td></tr>
        <tr><td><img src="http://jsfiddle.net/img/logo.png"></td></tr>
    </table>
</div>

JavaScript

$.fn.imagesLoaded = function(callback) {
    var elems = this.filter('img'),
        len = elems.length,
        blank = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";

    elems.bind('load', function() {
        if (--len <= 0 && this.src !== blank) {
            callback.call(elems, this);
        }
    }).each(function() {
        if (this.complete || this.complete === undefined) {
            var src = this.src;
            this.src = blank;
            this.src = src;
        }
    });

    return this;
};

alert('ddd');

$('#myTable').imagesLoaded(function() {
    alert('fff');
    $('#myDiv').scrollTop(3000);
});

function fillTable() {
    alert('fillTable');
    for (var i = 0; i < 100; i++) {
        $('#myTable').append('<tr><td><img src="http://jsfiddle.net/img/logo.png"></td></tr>');
    }
}


setTimeout(fillTable, 2000);