昨天下午浏览了SO和网上，但没有找到我认为我需要的东西，我想向社区寻求建议。我有一个特定的交互，我正在尝试原型(prototype)化，我猜测有一个插件我可以使用而不是从头开始，但找不到它。
交互是一个长的水平显示和滑动。应用程序打开时会显示一个 div。用户向右滑动或单击，第一个 div 向左滑动(但不完全离开屏幕)，第二个 div 淡入并移动到第一个 div 所在的空间。交互会在尽可能多的 Pane 中继续进行(对于这个原型(prototype)，我们有五个深度级别)。用户可以随意返回和退出——我计划通过单击可见 div 的左侧和右侧来显示这一点，因为设计显示了一个大的灰色条，每侧都有一个淡入的箭头。向后“向上”移动与“向下”移动相反——div 逐渐消失，前一个 div 滑入到位。
此演示/原型(prototype)不需要触摸。
根据要求，这是一个草图:
最佳答案
我想尝试一下原型(prototype)。尺寸很小，因为它位于 jsfiddle 中，但如果您愿意，您可以扩展结果窗口并更改尺寸。我只在 Chrome 中测试过它，它使用了大量 CSS3:
这是一个屏幕截图。为什么不？我认为它与草图非常吻合。我有点困惑你是否真的希望前一个 div 被压扁而不是仅仅重叠。这似乎不可取，因为 div 中的内容会被破坏，但这是可行的。
关于jquery - 关于轮播或与 <div> 点击和动画交互相关的建议，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9723281/