2014-01-10 77 views
2

在同位素2.0中,我希望元素容器具有100%的高度,並且具有overflow:auto,但是,當佈局完成時,它會不斷改變高度容器爲絕對像素(因此不在容器中滾動)。jquery同位素如何將容器高度固定爲100%溢出:auto

同位素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%"); 
     }); 



    }); 
}); 

回答

5

原來的標籤解決這個問題 「很重要!」:

.isotope { 
    height: 100% !important; 
}