gpt4 book ai didi

javascript - 类似于页面布局的 Flipboard

转载 作者:太空宇宙 更新时间:2023-11-04 13:10:59 24 4
gpt4 key购买 nike

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

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

经过一些研究,我找到了 this优秀的演示,看起来几乎完全符合我的需要,但是它像翻书一样从左到右翻页,我需要从下到上翻页。

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

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

最佳答案

要事第一,

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

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

向左滑动你可以启动翻转过渡

将其构建得更小且模块化,您最终会达到目标

关于javascript - 类似于页面布局的 Flipboard,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33327708/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com