Jquery同位素-滚动时网格项会抖动或移动-仅限IE
我有一个问题,在IE11中查看我的jquery同位素网格时,网格项在向下滚动页面时会移动一点。您可以在此处查看页面:dhm.970design.com/portfolio/ 同位素的我的JS:Jquery同位素-滚动时网格项会抖动或移动-仅限IE,jquery,jquery-isotope,Jquery,Jquery Isotope,我有一个问题,在IE11中查看我的jquery同位素网格时,网格项在向下滚动页面时会移动一点。您可以在此处查看页面:dhm.970design.com/portfolio/ 同位素的我的JS: ////////// Isotope var $grid = $('.iso-grid').isotope({ itemSelector: '.grid-item', layoutMode : 'fitRows', percentPosition:
////////// Isotope
var $grid = $('.iso-grid').isotope({
itemSelector: '.grid-item',
layoutMode : 'fitRows',
percentPosition: true,
onLayout: function() {
$(window).trigger("scroll");
},
fitRows: {
gutter: 0
}
});
$window = $(window);
$grid.isotope('layout');
$window.scroll($.throttle( 250, function() {
$grid.isotope('layout');
}));
//force refresh as stuff loads
$window.load(function() {
var cnt = 1;
var intervalIDc = window.setInterval(function() {
$grid.isotope('layout');
cnt++;
if (cnt > 10) {
window.clearInterval(intervalIDc);
}
}, 150);
});
我的CSS:
.grid:after {
content: '';
display: block;
clear: both;
}
.grid-item,
.grid-sizer {
width: 100%;
}
.grid-item {
float: left;
height: 350px;
margin-bottom: 4px;
margin-right: -1px; // Fix for grid breaking on resize
}