使用Javascript和UIWebView处理ePub分页的问题

时间:2014-05-27 08:44:42

标签: javascript html ios css uiwebview

我实施了一个"迷你epub阅读器"在我的应用程序中为了确定章节中有多少页面(基于底层UIWebView帧宽度的分页),我通过

获取scrollWidth

document.documentElement.scrollWidth

并使用CSS样式

-webkit-column-width:UIWebView&#39}的帧宽。)

并将其除以UIWebView的帧宽。所以基本上我的"得到下一页/上一页"使用以下Javascript

window.scrollTo()

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

任何想法如何避免这种情况,或以某种方式检测"空白"可见区域的内容?

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

document.documentElement.scrollHeight

但这个想法应该是一样的。

1 个答案:

答案 0 :(得分:1)

原来,这是造成空白的边缘。这个CSS做了诀窍

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