javascript - Android 中的 WebView 文本缩放问题

标签 javascript java android jquery webview

我在 android 中有一个文档阅读器项目。主 Activity 包括一个 WebView。文本是从 html 读取的。在顶部选项菜单中包含一个用于动态增加文本大小的按钮(文本正在换行)。到目前为止很清楚,但是当按下按钮时,文本大小有所增加,但所有文本在屏幕中都向下移动,并且当按下按钮两次时,文本大小增加并且所有文本再次向下移动一点。这种情况确实让读者感到沮丧。阅读器必须在按下按钮后返回到它停止的位置,这样阅读器才不会丢失阅读位置。如何解决这个问题?

The Issue:

The Issue:

When solved the issue:

When solved the issue:

Html content of my WebView:

<!DOCTYPE html>

    <head>
        <style type="text/css"> 
            p{} p.x1{} p.x2{} p.x3{} p.x4{} 
            h2.x1{} h2.x2{} h2.x3{} h2.x4{}
        </style>
    </head>

    <body>

        //paragraph-1
        <p class="x1">Title-1</p>
        <p class="x2">Title-2</p>
        <p class="x3">Title-3</p>
        <p class="x4">Title-4</p>
        <p>Text content.</p>


        //paragraph-2
        <h class="x1">Title-1</p>
        <h class="x2">Title-2</p>
        <p>Text content.</p>


        //paragraph-3
        <h class="x3">Title-1</p>
        <h class="x4">Title-2</p>
        <p class="x3">Title-3</p>
        <p>Text content.</p>


        //paragraph-4
        <h class="x2">Title-1</p>
        <p class="x3">Title-2</p>
        <p>Text content.</p>


        //...

    </body>

</html>

最佳答案

您应该在 ListView 中使用 TextView,并在缩放之前和缩放滚动到存储的列表项之后存储顶部列表项的 ID。为了获得好的滚动效果,您应该隐藏带有基本图像缩放效果的滚动条。

关于javascript - Android 中的 WebView 文本缩放问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36235903/

相关文章:

javascript - JQuery Mobile 在导航页面后丢失所有样式

java - Android Soundpool 加载文件时出错

android - 我如何在 Android 中将数据设置到适配器中

javascript - 使用 jquery 检查 div 在视口(viewport)中是否可见

javascript - <sup> 标签不适用于 Android 设备上的电子邮件

javascript - 通过第三方应用程序配置和访问 AngularJS $scope

java - 有限 for 循环迭代的复杂性

Java JProgressBar 不通过 setVisible(true) 显示

android - 使用 adb 进行深度链接,而不是在浏览器中

Android 应用程序未显示在某些设备上的 Play 商店中