jquery:如何使用溢出将容器高度固定为100%:auto
在同位素2.0中,我希望元素容器具有固定的100%高度和溢出:自动,但是,当布局完成时,它会不断将容器的高度更改为绝对像素(因此容器中没有滚动) 同位素2.0中不再存在“resizesContainer:false” 以下是我目前掌握的情况:jquery:如何使用溢出将容器高度固定为100%:auto,jquery,jquery-plugins,jquery-isotope,Jquery,Jquery Plugins,Jquery Isotope,在同位素2.0中,我希望元素容器具有固定的100%高度和溢出:自动,但是,当布局完成时,它会不断将容器的高度更改为绝对像素(因此容器中没有滚动) 同位素2.0中不再存在“resizesContainer:false” 以下是我目前掌握的情况: $(document).ready(function(){ var $container = $('#content'); $container.imagesLoaded(function() { $container.i
$(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;
}