1

我在一个正在开发的新网站中大量使用了 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] ] [              ]

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

4

0 回答 0