砖石制品下方的黑色条纹
Black Stripes below Masonry Items
他,
我在石工项目中遇到问题:Oliver Rath
每个项目下面都有一个意外的黑色条纹,请看截图:
我已经尝试过通常的建议,例如操纵显示或填充值。有谁知道热摆脱这个?
到目前为止,这是我的 JS:
var $container = $('#masonry');
// layout Masonry again after all images have loaded
$container.imagesLoaded( function() {
$container.masonry({
columnWidth: function(containerWidth){
return containerWidth / 3;
},
isAnimated: false,
});
});
$container.infinitescroll({
debug: true,
navSelector : '.item-nav',
nextSelector : '.older a',
itemSelector : '.item',
bufferPx: 200,
extraScrollPX: 100,
loadingText: '... loading more awesomess....',
loading: {
finishedMsg: 'Congrats. You have reached the end of the internet.',
img: 'http://oliver-rath.com/wp-content/uploads/2015/05/15.png'
}
},
function( newElements ) {
var $newElems = $( newElements ).hide();
// zoomBilder();
$newElems.imagesLoaded(function(){
$newElems.fadeIn();
$container.masonry( 'appended', $newElems, true );
});
}
);
提前致谢。
实际上这是一个缺失的 float: left;
语句。尴尬:)
他,
我在石工项目中遇到问题:Oliver Rath
每个项目下面都有一个意外的黑色条纹,请看截图:
我已经尝试过通常的建议,例如操纵显示或填充值。有谁知道热摆脱这个?
到目前为止,这是我的 JS:
var $container = $('#masonry');
// layout Masonry again after all images have loaded
$container.imagesLoaded( function() {
$container.masonry({
columnWidth: function(containerWidth){
return containerWidth / 3;
},
isAnimated: false,
});
});
$container.infinitescroll({
debug: true,
navSelector : '.item-nav',
nextSelector : '.older a',
itemSelector : '.item',
bufferPx: 200,
extraScrollPX: 100,
loadingText: '... loading more awesomess....',
loading: {
finishedMsg: 'Congrats. You have reached the end of the internet.',
img: 'http://oliver-rath.com/wp-content/uploads/2015/05/15.png'
}
},
function( newElements ) {
var $newElems = $( newElements ).hide();
// zoomBilder();
$newElems.imagesLoaded(function(){
$newElems.fadeIn();
$container.masonry( 'appended', $newElems, true );
});
}
);
提前致谢。
实际上这是一个缺失的 float: left;
语句。尴尬:)