javascript - 如何创建一个“寻呼机”来遍历任意 html,一次一个“页面”
问题描述
我有一些想要发布的文本,但考虑到它对用户的要求(安装阅读器、下载、打开...尝试另一个阅读器...使用 iTunes 传输文件...)
就我的目的而言,我认为尝试创建一个最小的“浏览器原生”电子书阅读体验会很好。我有类似书本的内容,其格式非常明显。忘记章节和所有这些,想象一下一长串不同长度的 html 段落。
很酷的是,如果我可以<div>
包含“页面”(类似于书籍“视口”),并且有一个下一个/上一个按钮可以一次滚动一个 div 高的文本,没有任何动画(所以看起来你是在翻页而不是滚动。)
我担心文本行被切成两半而不是在每行边界处分割文本,我敢打赌这是一个可以解决的问题!
关于如何以干净、最小的方式做到这一点的任何想法,或者可能为此目的而存在的“框架”的建议?如果存在类似的好东西,我也会对浏览器内(例如)ePUB查看器开放。
解决方案
如果您真的思想开放且富有创造力,我建议您尝试或使用“RevealJS”的导航作为灵感。
RevealJS https://revealjs.com/ (它可以在没有幻灯片软件的情况下使用,您可以完全以编程方式使用它)
使用示例: https ://cgi1.gitlab.io/g2scoring-presentation/ https://www.jmrenouard.fr/sshcookbook/#/13/1
(使用箭头,按 ESC,单击,按 M ......所有这些,都可以自定义)
推荐阅读
- html - css Flexbox - 设置 flex: 1 1 150px; 但该项目没有按预期增长或缩小
- python - 在循环内获取输入时 Python 'ValueError: I/O operation on closed file'(我没有打开任何文件)
- java - 使用 AdoptJDK11 运行我的胖 jar 时,我的外部依赖项出现 NoClassDefFoundError。怎么了?
- java - 获取 MIME 内容在 Java SDK 的 Graph API ( 3.1.0) 中不起作用
- lua - 脚本效率:一个脚本用于多个孩子,还是每个脚本?
- javascript - 如何在不使用“点击”的情况下更新函数的数据
- java - 使用 JSoup 获取非特定类型的元素
- swift - 移动多个项目时如何在 UITableView 拖放中显示分隔符?
- apache - httpd 不以自签名证书开头
- css - 如何在这样的标题前后制作双线?