jquery Isotope 如何通过溢出将容器高度固定为 100%：自动

Question

在 Isotope 2.0 中，我希望元素容器能够通过溢出固定 100% 高度：自动，但是，当布局完成时，它会不断将容器的高度更改为绝对像素（因此容器中没有滚动）。

Isotope 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%");
        });



    });
});

Answer 1

原来“！important”标签解决了这个问题：

.isotope {
    height: 100% !important;
}