我不知道如何用文字解释问题。因此，让我展示一些图片：
我有一个同位素插件，页面上有100多个缩略图。
蓝色：页面大小
绿色：菜单
红色：页脚
灰色：缩略图/页面内容
加载所有缩略图后，页面在所有浏览器上看起来都一样（一切正常，页面可滚动）：
a busy cat http://phillip.com.pl/sample/inne/defaulf-no-filter.jpg
当缩略图被同位素过滤后，只剩下几个拇指时，该页面看起来就像IE和Firefox上的页面（一切都很好-页面不可滚动，页脚位于页面底部）：
a busy cat http://phillip.com.pl/sample/inne/ff-ie-filter.jpg
最后，当缩略图被同位素过滤后，只剩下几个拇指时，该页面看起来就像在Chrome上一样（布局不错，但是该页面仍然可以像同位素过滤器之前一样滚动）：
a busy cat http://phillip.com.pl/sample/inne/chrome-filter.jpg
这是Chrome中的错误，还是应该查看我的js / css文件？
同位素的所有js：
<script src="/assets/js/jquery.isotope.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
var $container = $('#grid-items');
$container.imagesLoaded( function(){
$container.isotope({
itemSelector : '.pin',
layoutMode : 'fitRows',
getSortData : {
name : function( $elem ) {
return $elem.find('.name').text();
},
votescore : function( $elem ) {
return parseInt( $elem.find('.votescore').text(), 10 );
},
popularity : function( $elem ) {
return parseInt( $elem.find('.views').text(), 10 );
},
commentscount : function( $elem ) {
return parseInt( $elem.find('.comments_link').text(), 10 );
}
}
});
});
// SORTING:
$('#sort-by a').click(function(){
var sortBool;
if($(this).find('i.icon-down_arrow').length != 0){
if ($(this).hasClass('selected')) {
$(this).find('i').removeClass('icon-down_arrow');
$(this).find('i').addClass('icon-up_arrow');
if($(this).hasClass('class_text')){
sortBool = true;
}else{
sortBool = false;
}
}else{
if($(this).hasClass('class_text')){
sortBool = false;
}else{
sortBool = true;
}
}
}else{
if ($(this).hasClass('selected')) {
$(this).find('i').removeClass('icon-up_arrow');
$(this).find('i').addClass('icon-down_arrow');
if($(this).hasClass('class_text')){
sortBool = false;
}else{
sortBool = true;
}
}else{
if($(this).hasClass('class_text')){
sortBool = true;
}else{
sortBool = false;
}
}
}
var sortName = $(this).attr('href').slice(1);
$('#sort-by a').each(function() {
$(this).removeClass('selected');
});
$(this).addClass('selected');
$container.isotope({
sortBy : sortName,
sortAscending : sortBool
});
return false;
});
// FILTERING:
$('#filters a').click(function(){
$('#filters a').each(function() {
$(this).removeClass('selected');
});
$(this).addClass('selected');
var selector = $(this).attr('data-filter');
$container.isotope({ filter: selector });
return false;
});
});
</script>
最佳答案
以我的经验，同位素（显然）取决于您在其中使用的模式以及该模式的值。某些情况有时在某些模式下起作用，而在另一些模式下则不起作用。我将整理文档并查看您的JS文件，看看您能做什么。您现在正在使用哪种模式？
http://isotope.metafizzy.co/docs/layout-modes.html
[编辑]
在onLayout: function() {alert('onLayout callback')}下面的行上尝试layoutMode:'fitRows'。