很好地在响应式网站的叠加层中显示浮动元素

Question

我正在开发一个响应式电子商务网站。这很难，但我喜欢它：）

对于购物车，我决定在货架上展示产品类别，并在叠加层中展示单个产品。

See here

问题在于，几乎不可能以合适的方式对它们进行设计，因为我不知道它们中有多少它们，也不知道观察者的窗口有多大。

我可以使用哪些模式来显示此可变长度数据，以及如何实现它？

Answer 1

我一直在使用jQuery Infinite Carousel取得了很大的成功。它可能是您的产品的一个很好的模式，能够在叠加层中显示它们，而无需知道可以查看的数量。

Carousel的编码非常简单。只需在无序列表中提供您的内容并相应地应用jQuery。