首页 > 解决方案 > 如何创建一个“寻呼机”来遍历任意 html,一次一个“页面”

问题描述

我有一些想要发布的文本,但考虑到它对用户的要求(安装阅读器、下载、打开...尝试另一个阅读器...使用 iTunes 传输文件...)

就我的目的而言,我认为尝试创建一个最小的“浏览器原生”电子书阅读体验会很好。我有类似书本的内容,其格式非常明显。忘记章节和所有这些,想象一下一长串不同长度的 html 段落。

很酷的是,如果我可以<div>包含“页面”(类似于书籍“视口”),并且有一个下一个/上一个按钮可以一次滚动一个 div 高的文本,没有任何动画(所以看起来你是在翻页而不​​是滚动。)

我担心文本行被切成两半而不是在每行边界处分割文本,我敢打赌这是一个可以解决的问题!

关于如何以干净、最小的方式做到这一点的任何想法,或者可能为此目的而存在的“框架”的建议?如果存在类似的好东西,我也会对浏览器内(例如)ePUB查看器开放。

标签: javascripthtmlcssuser-interface

解决方案


如果您真的思想开放且富有创造力,我建议您尝试或使用“RevealJS”的导航作为灵感。

RevealJS https://revealjs.com/ (它可以在没有幻灯片软件的情况下使用,您可以完全以编程方式使用它)

使用示例: https ://cgi1.gitlab.io/g2scoring-presentation/ https://www.jmrenouard.fr/sshcookbook/#/13/1

(使用箭头,按 ESC,单击,按 M ......所有这些,都可以自定义)


推荐阅读