html - 需要将 HTML 文件呈现为一本书并在 Android 上保留 CSS 格式

Question

我提前道歉，因为这里已经存在类似的问题: Need to show HTML page (with CSS) as a book with page flipping

不幸的是，发帖者似乎解决了他自己的问题，却没有透露解决方案的细节。

由于我没有评论原始帖子所需的声望，也没有能力直接询问发帖者，我只好向社区寻求帮助。

我需要的正是上一篇文章中描述的内容。我目前能够显示整个 html 文件，但想将其显示为一本书，能够从一页滑动到另一页。

目前我知道如何执行的唯一解决方案是手动将文件拆分为数十个单独的 .html 文件，并在用户翻页时在它们之间切换。

我意识到这是一种糟糕的实现方式，我正在寻找更好的方法。

Answer 1

经过一番研究，我已经能够找到解决方案。该技术是使用 css 属性 style="display:none"将每个部分包装在 div 标签中，这将隐藏该部分。然后，您将 Javascript 注入(inject)应用程序以将适当的页面更改为 style="display:block"，这将显示关联的部分

<div id="page1" style="display:none">
Some Text Here
</div>