2012-02-15 111 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