导航

Question

• 我在列表中有15个项目
• 我有10名这样的列表
• 每个列表应占据的页面
• 溢出的项目应通过“被导航上最多1行NEXT“或”PREV“按钮。
• 为了显示每个列表中的项目，我“浮动：左”。
• 但是，然后溢出项目换行到下一行。

现在，我做一个黑客我笔记本电脑屏幕尺寸：

• 我.hide（）在窗口加载的所有项目每个列表
• 然后.show（ ）每个列表的前4项
• 我已经配置了next和prev按钮。

我认为这是错误的。但它使我能够看到我的外观和感觉如何。

请给我建议正确的方法。所有主要网站都会处理这个这是非常普遍的问题。我现在只是无知。

Answer 1

我想我被另一SO响应解决了这个问题：

How to move first child to the end?

感谢您的帮助

Answer 2

实现这一目标的最简单的方法可能是：

1. 不要使用浮动：左，只要使用正规的在线显示。
2. 对于容器元素，使用overflow：hidden。
3. 将容器元素包装在外部容器中，同时也使用overflow：hidden。
4. 现在，当用户点击下一个/ prev时，调整/制作内部容器边距的动画，以便滑动显示其他元素。