水平列表或可以根据视口大小滑动的列表

时间:2013-04-16 11:00:12

标签: jquery html css

我目前正在尝试创建一个有水平列表的网站。在普通视口中,我希望它们彼此相邻分组,但只要视口达到某个阈值,我就希望列表成为旋转木马。这可能吗?我一直在寻找过去几小时可能的解决方案,找不到符合我需求的任何东西。

下面的图片展示了我需要做的事情。

http://i.stack.imgur.com/4XqZI.png

1 个答案:

答案 0 :(得分:0)

您可以使用jQuery查询视口大小,然后加载一个函数,如果您处于其中一个较小的大小,则会对它们进行动画处理。

它涉及一些CSS,沿着你的元素浮动(float:left;等)和绝对定位它们所有它们都在同一个地方 - 如果你想要你可以交叉淡入淡出。另一种方法是让它们从可见区域进入。

然后在较小的尺寸上,你只需要调用你的轮播功能来改变页面的CSS和一个动画它的动画。