javascript - 使用带有 UIWebView 的 Javascript 处理 ePub 分页时出现问题

标签 javascript html ios css uiwebview

我在我的应用程序中实现了一个“迷你 epub 阅读器”。为了确定一章中有多少页(基于底层 UIWebView 框架宽度的分页),我通过

获取 scrollWidth

document.documentElement.scrollWidth

并使用CSS样式

-webkit-column-width:(UIWebView的框架宽度)。

并将它除以 UIWebView 的框架宽度。所以基本上我的“获取下一页/上一页”使用以下 Javascript

window.scrollTo()

工作正常,除非文本完全填满一个可视页面。在那种情况下,似乎 document.documentElement.scrollWidth 是一个页面(UIWebView 宽度)大于必要的,我看到的是一章末尾的空白页.

有什么想法可以避免这种情况,或者以某种方式检测可视区域中的“空白”内容吗?

顺便说一句,这是我用日语 tategaki 处理 ePub 文件的时候,所以实际上我正在使用

document.documentElement.scrollHeight

但思路应该是一样的

最佳答案

事实证明,是边距导致了空白。这个 CSS 成功了

 margin-left: 0%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%;

关于javascript - 使用带有 UIWebView 的 Javascript 处理 ePub 分页时出现问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23884836/

相关文章:

java - 运行小程序 - 被安全阻止

jquery - slidetoggle,选择链接后转到页面顶部

html - componentWillRecieveProps 会在每次收到 props 时运行吗

android - 样式化 native 抽屉导航项目

javascript - 我可以创建单独的 ts 文件来为 Angular 4 应用程序中的所有组件编写业务逻辑吗?

javascript - 绑定(bind)对象内部的方法。给出意想不到的结果

ios - 在 Swift 中更改 UITabBar selectedItem

ios - Uncrustify:嵌套 block 索引错误

javascript - 如何使用 jQuery 获取句子的最后一个词?

javascript - 获取 Google Maps API 3 中标记的 DOM 元素