Question

我正在尝试制作一本小翻书。我有尽可能多的div和页面。它们都设置为显示：无;除非他们附上当前的课程。

我有一个页面显示，旁边的页面显示在它旁边。我想拍摄旁边的页面，并将其翻到另一页面以进入下一个div。

我现在所拥有的是单页将自动翻转而不是旁边的页面。我已经正确设置了所有变量，并且我有适当的div，当翻转显示它们应该显示时应该显示。

我正在使用的代码翻转：

jQT.goTo($('#page' + currPage), 'flip');

有人可以帮忙吗？

Answer 1

听起来你想要一个改进的翻转动画。为此，您需要按照文档here创建自定义动画。

要获得一些如何制作翻页动画的线索，最好在jqtouch.css中查看“翻转”动画，从“.flip {”行开始，结束于此之上line：“.slideup.in {”

我自己没有这样做，但我的猜测是你想要（至少）使用translateY -webkit-transform属性原语。

This demo可能会让您对修改翻盖有所了解，以达到您所追求的效果。