我在一个正在开发的新网站中大量使用了 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 应用于砌体列不会像应有的那样移动 - 相反,它会停留在原处并隐藏在右侧柱后面。关于如何排序的任何想法?