3

我正在尝试创建一个类似于 Flipboard 的翻页动画的 html 布局。

首先,我想使用一些 jQuery 库来实现这一点,但它们似乎都没有我需要的所有功能。例如其中一个库是BookBlock,但它使用 CSS 动画转换,所以当我来回移动手指时我无法控制翻转。

经过一番研究,我发现这个出色的演示看起来几乎完全符合我的需要,但它像书一样从左到右翻页,我需要从下到上。

我花了几个小时试图从这个演示中更改各种 CSS 和 JavaScript 属性,但我在更改页面的翻转方向方面没有取得多大成功。

我不希望有人为我编写代码,但如果有人能指出我正确的方向或任何其他建议,我会很高兴。

4

1 回答 1

0

第一件事,

如果您想要长期使用某些东西,我建议您使用一些类似于引导程序或语义 UI 的库(我最喜欢的)

对于左右滑动的手指,使用hammer.js

在向左滑动时,您可以启动翻转过渡

构建更小和模块化,你最终会达到你的目标

于 2015-10-30T00:40:18.483 回答