Masonry.js和Floated Div问题

时间:2013-10-25 12:42:50

标签: javascript jquery html css jquery-masonry

我在一个正在开发的新网站中使用了很多masonry.js但是在我的设计中使用它时有一个缺点就是并排浮动我的列。以下是我正在尝试做的一般表示:

普通视图:

[ column left ] [ main column                  ] [[masonry post]] [ column right ]
[             ] [                              ] [[masonry post]] [              ]
[             ] [                              ] [[masonry post]] [              ]
[             ] [                              ] [[masonry post]] [              ]
[             ] [                              ] [[masonry post]] [              ]

回应观点:

[ column left ] [ main column                  ] [ column right ]
[             ] [                              ] [              ]
[             ] [                              ] [              ]
[             ] [ [masonry post][masonry post] ] [              ]
[             ] [ [masonry post][masonry post] ] [              ]
[             ] [ [masonry post][masonry post] ] [              ]

因此,“主列”和“砌体柱”列向左浮动,以便当浏览器缩小时,砌体列位于主列下方,理论上可以完美地工作,但是因为Masonry JS应用于砌体柱它不会像它应该的那样移动 - 相反,它停留在它的位置并隐藏在右侧柱后面。关于如何分类的任何想法?

0 个答案:

没有答案