在Isotope 2.0中,我希望元素容器的溢出高度固定为100%:自动,但是,当布局完成时,它会不断将容器的高度更改为绝对像素(因此容器中没有滚动)。

同位素2.0中不再有“ resizesContainer:false”。

这是我到目前为止的内容:

$(document).ready(function(){
    var $container = $('#content');

    $container.imagesLoaded(function() {
        $container.isotope({
            filter : '*',
            layoutMode : 'masonry',
            // itemSelector: ".boxportfolio3",
            resizesContainer : false,
            containerStyle : {
                overflow : 'auto',
            },
            animationOptions : {
                duration : 750,
                easing : 'linear',
                queue : false,
            }
        });

        $container.isotope('on', 'layoutComplete', function(a,b) {
            console.log("this is not executed. why?? ");
            $(".isotope").css("height", "100%");
        });



    });
});

最佳答案

原来,“!important”标签解决了这个问题:

.isotope {
    height: 100% !important;
}

关于jquery - jQuery Isotope如何将容器高度固定为100%,并发生溢出:自动,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/21056068/

10-09 17:44