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

Question

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

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

1. iframe：将pdf，doc转换为多个HTML文件。把每个“页面” 将pdf / doc转换为自己的iframe，然后使用javascript点击 在iframe之间。
2. img：将pdf，doc，html转换为多个图像（png，jpg）文件。将每个图像（“页面”）放入其自己的img标记中，然后使用JavaScript在imgs
之间单击
3. div：将pdf / doc / HTML转换为其他文件    格式，JSON？这样每个“页面”都可以放入自己的DIV中，然后使用JavaScript在DIV之间点击

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

Answer 1

在我看来，你应该将pdf转换成图像和HTML。

为图像制作JS（使用iScroll使用snap true或使用SwipeView - 使用@cubiq制作）和相同的图像容器（每个“页面”），在可见性中插入html：隐藏的div甚至是文本缩进：-9999px;

只有当Js不活动时才会优雅地降级为html（因此也会考虑关闭js并搜索爬虫的人），使页面“可抓取”