使用javascript和HTML制作iBooks之类的东西的最佳方法是什么？

我想知道，编写一个基于JavaScript/jQuery的解决方案来水平滚动文档文件（如pdf、HTML或.doc文件）的各个页面的最佳方法是什么（在网页中查看.doc文件之前，必须先将其转换为pdf或HTML，但你知道这一点）。最终的目标是制作像iBooks或一本真正的书这样的东西，其中的“页面”可以水平翻转，而不是垂直翻转

到目前为止，我可以看到3种策略：

iframe：将pdf、doc转换为多个HTML文件。把每一页 将pdf/doc转换为自己的iframe，然后使用javascript单击 在iFrame之间

img：将pdf、doc、html转换为多个图像（png、jpg）文件。将每个图像（“页面”）放入自己的img标记中，然后使用JavaScript在img之间单击

div：将pdf/doc/HTML转换为其他文件 格式，JSON？这样，每个“页面”都可以放入自己的DIV中，然后使用JavaScript在DIV之间单击

---

我不想使用选项“1”），因为iFrame有主要的格式问题，例如在同一个顶部窗口中有多个垂直滚动条。选项“2”也是不可行的，因为我希望文档的文本可以搜索，而将文档转换为图像会破坏该功能。我想使用选项“3）”但是，我不确定将pdf、文档或HTML文档的每一页放入自己的DIV中可能需要什么（后端文件转换、JavaScript）。有人知道如何实现吗？如有任何建议，将不胜感激

在我的建议中，您应该将pdf转换为图像和html

为图像制作JS（使用带snap true的iScroll或针对容器或使用SwipeView-均由@cubiq制作），并在图像的同一容器（每个“页面”）中，在可见性：hidden div或甚至文本缩进中插入html：-9999px

---

只有当Js不活跃时，才对html进行优雅的降级（因此考虑关闭Js的人和搜索爬虫），使页面“可爬行”

看起来就像6小时前在这里发布基本相同问题的同一个人。投票结束这个dup。嗨，jfriend00，我认为你提到的问题太冗长了，因为我写了它，想要更容易理解的东西，所以我更喜欢这个问题而不是前者，很抱歉造成了混乱，-timThen，你应该使用编辑链接编辑你之前的问题，使之符合你的要求。问题在这里只能问一次。嗨，jfriend00，我删除了你说的问题，所以现在只有这一个。谢谢，蒂姆