0

JavaScript はわかりませんが、自分の Web サイトでこれを使用したいと思っています。これが石積みに使用する JavaScript です。誰かが無限スクロールを機能させる方法を教えてもらえますか? 私は運がないのでそれをグーグルで検索しました。

<script>
    (function($){ 

//Finding min and max values in array from http://snippets.dzone.com/posts/show/769
Array.prototype.min = function(){ return Math.min.apply({},this) };
Array.prototype.max = function(){ return Math.max.apply({},this) };

$.fn.masonry = function() {
    this.each(function() {

        var wall = $(this);

        if ( wall.children().length > 0 ) { // check if the element has anything in it

            if( wall.children('.masonryWrap').length == 0 ) {      // checks if the masonryWrap div is already there
                wall.wrapInner('<div class=\"masonryWrap\"></div>');
            }
            var mWrap = wall.children('.masonryWrap');

            var brick = mWrap.children();
            var brickW = brick.outerWidth(true);
            var colCount = Math.floor( mWrap.width() / brickW ) ;

            var colH=new Array();
            for ( i=0; i < colCount; i++) {
                colH[ i ] =  0 ;
            }       

            mWrap.css({ position: 'relative' });

            brick.css({
                    float: 'none',
                    position: 'absolute',
                    display: 'block'
                })
                .each(function(){
                    for ( i=colCount-1; i > -1; i-- ) {
                        if ( colH[ i ] == colH.min() ) {
                            var thisCol = i;
                        }
                    }
                    $(this).css({
                        top: colH[ thisCol ],
                        left: brickW * thisCol
                    });
                    colH[ thisCol ] += $(this).outerHeight(true);
                });

            mWrap.height( colH.max() );
        }

        return this; 
    });
};
})(jQuery);

</script>
4

1 に答える 1

0

これらのテーマhttp://zen-themes.tumblr.com/のいずれかを使用するか、すでに無限スクロールと石積みが組み込まれているか、さらに検索してください。私を信じてください、私は以前にこの問題を抱えていました.石積みと無限スクロールに関する投稿はすでにたくさんあります.

于 2013-08-14T20:54:05.243 に答える