我目前正在尝试创建一个有水平列表的网站。在普通视口中,我希望它们彼此相邻分组,但只要视口达到某个阈值,我就希望列表成为旋转木马。这可能吗?我一直在寻找过去几小时可能的解决方案,找不到符合我需求的任何东西。
下面的图片展示了我需要做的事情。
答案 0 :(得分:0)
您可以使用jQuery查询视口大小,然后加载一个函数,如果您处于其中一个较小的大小,则会对它们进行动画处理。
它涉及一些CSS,沿着你的元素浮动(float:left;
等)和绝对定位它们所有它们都在同一个地方 - 如果你想要你可以交叉淡入淡出。另一种方法是让它们从可见区域进入。
然后在较小的尺寸上,你只需要调用你的轮播功能来改变页面的CSS和一个动画它的动画。