2012-02-15 85 views
3

我使用Masonry script奠定了一個website箱。jQuery的砌體 - 流動佈局問題

它正在對我好大多數瀏覽器上,除了當我調整瀏覽器窗口或翻轉我的手機在其一側,然後再返回。

沒有砌體,我有一個流體佈局,工作正常。通過流體,我的意思是這些盒子佔據了較小屏幕尺寸的全寬。

砌築,這仍然工程確定,當你第一次去的網站,但如果你要麼調整瀏覽器窗口或翻蓋手機在其一側,佈局去所有扭曲。刷新再次排序。

不知道是否有解決這個問題的一種方式,或者我應該使用其他腳本,或者哪怕是最好只禁用腳本更小的屏幕?

希望有人能幫忙!

謝謝。

+0

我目前的做法:在window.resize中添加一個處理程序,該程序調用'masonry('destroy')'如果屏幕太小。其餘部分由CSS來完成。 – 2013-04-11 16:02:12

回答

3

據我回憶,砌體抓住元素的尺寸,當它被調用,然後進行砌築。它預計這些維度是靜態的,這就是它如何計算「masoned」佈局。

與流體佈局相結合,這是一個有點後患無窮的,在我看來。但是,這不是不可能的。

在resize事件中,只需再次調用容器上的masonry()。

+0

謝謝Greg!這樣可行。 – 2012-02-15 22:20:29

+2

您可能想要使用https://github.com/louisremi/jquery-smartresize來調節resize函數被調用的頻率。我相信同位素有這個內置的,但你需要將它添加到砌體。 – Galaxy 2012-09-19 22:22:49