2013-03-18 36 views
2

同位素增加了這種風格的項目:IsotopeJS可以在不添加位置的情況下工作:對同位素項目是絕對的嗎?

position: absolute; 
left: 0px; 
top: 0px; 
-webkit-transform: translate3d(0px, 0px, 0px); 

是否有可能禁用此功能,但仍保持同位素的功能?我已閱讀了關於transformsEnabled,其中說禁用它會導致瀏覽器依靠頂部/左側定位。我可以做相反的事情,以便瀏覽器依靠CSS轉換,還是Isotope始終依賴於position:absolute?

+0

您是否曾經找到任何答案? – betweenbrain 2013-07-24 02:35:41

+0

沒有。我認爲這是不可能的。 – 2013-07-24 04:24:21

+0

感謝您的回覆。我同意這似乎是不可能的。對我來說,將transformsEnabled設置爲false允許我解決我的問題。但是,似乎是這樣。 – betweenbrain 2013-07-24 12:30:46

回答

1

這是因爲卸載的圖像導致項目相互重疊。
嘗試初始化所有圖像加載後通過添加imagesLoaded函數在調用isotop之前初始化同位素。代碼應該看起來像這樣:

var $container = $('#container').imagesLoaded(function() { 
    $container.isotope({ 
    // options 
    }); 
}); 
相關問題