jquery Isotope如何使用overflow：auto将容器高度修复为100％

Question

在Isotope 2.0中，我希望元素容器使用overflow：auto修复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;
}