Javascript中的假翻页动画

我必须在Android应用程序中创建一个翻页动画，但是它是在webview的上下文中创建的。webview是Readium SDK的容器

Jquery也包含在页面中

HTML的结构如下所示：

<div id="viewport_fixed">
    <div id="spread-wrap" class="clearfix">
      <div class="fixed-page-wrap right_page">
        <iframe class="fixed_iframe" src="blah"></iframe>
      </div>
      <div class="fixed-page-wrap left_page">
        <iframe class="fixed_iframe" src="blah"></iframe>
      </div>
    </div>
</div>

我已经看过几个jQuery翻页插件和教程，但是它们 都假定您已将所有页面加载到div列表中

虽然我有两个div，但当Readium执行 翻页。所以我想假装一个翻页动画，而不是实际引入 新的内容，但我想不出一个合理的方法 这样我就可以这样做了

---

有人知道从哪里开始吗？

使用画布截图，隐藏内容，然后单独操作该层。这不是一个坏主意，我会仔细研究一下。你也可以尝试让所有iframe div显示：除了当前一个之外，没有显示。您可以在页面动画上进行某种不透明覆盖，以在隐藏当前动画的同时进行翻转，然后显示下一个/上一个动画。