【问题标题】:Make a iOS WebView behave like a ebook reader使 iOS WebView 表现得像电子书阅读器
【发布时间】:2012-07-29 10:20:30
【问题描述】:

通常在webview中,当你的页面太长时,你可以像浏览器一样垂直滚动,这是默认的。

我想让这个 webview 表现得像一个电子书阅读器,比如当你需要 3 个页面来显示整个内容时,而不是垂直滚动,你可以像电子书阅读器一样滑动到下一页(例如 iOS Kindle 应用程序) .

对如何实现这一点有任何想法吗?或者我可以使用的任何现有组件?

欢呼。

【问题讨论】:

  • 您在网络视图中显示的网站是您控制的,还是可以是任何网站?

标签: css ios jquery-mobile uiwebview


【解决方案1】:

很大程度上取决于您(想要)对 html 的控制程度...

对于完整的布局控制(如杂志)有baker framework

或者,如果您需要一个快速而肮脏的脚本自动生成带有分页的 html 文件(类似 instapaper),我会使用 css3 multi-column 布局,并使用一些 js 来计算所需的列。并使用 SwipeView 之类的东西来管理滚动。

【讨论】:

    【解决方案2】:

    这不是微不足道的,有几个 HTML 项目与分页有关。无处不在的 jQuery 还包括对 HTML 内容分页的支持。

    查看this S.O. post了解更多详情。

    【讨论】:

      【解决方案3】:

      您可以在 UIWebView 上使用 UISwipeGestureRecognizer 并以编程方式移动到页面

      祝你好运

      【讨论】:

        【解决方案4】:

        为此,您可以从UIPageViewController 开始,并使用UIWebView 填充每个页面,每个页面向下滚动到某个偏移量并禁用底层滚动视图的滚动。

        【讨论】:

        • 每页偏移多个 Web 视图是一个糟糕的主意。
        • 同意这是一个 hack,但大多数其他解决方案都涉及更改 HTML 内容,这可能可行,也可能不可行。并且只需要一两个实际的网络视图。
        猜你喜欢
        • 2014-05-13
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2011-10-02
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2016-11-29
        相关资源
        最近更新 更多