Flipboard就像页面布局一样

时间:2015-10-25 08:36:52

标签: javascript jquery html css bookblock

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

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

经过一些研究后,我发现了this出色的演示,看起来几乎完全符合我的需要,但是 它从左到右翻转书页,从左到右,我需要从底部到顶部。

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

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

1 个答案:

答案 0 :(得分:0)

首先,

如果你想长期使用某些东西,我建议你选择一些类似于bootstrap或语义UI的库(我最喜欢的)

左右滑动的手指来回使用hammer.js

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

将其缩小并模块化,最终实现目标