1

一旦我按下其中一个按钮，我的 android xml 布局中有一些按钮，我调用了一个 javascript 函数来将一些文本附加到 web 视图中的“p”html 元素，但是一旦 p 元素的宽度变得比屏幕宽度更宽webview 我调用了下面的代码来滚动到 p 元素的末尾。

window.scrollBy(document.getElementById("myp").scrollWidth,0)

但有时此代码无法正常工作，因为似乎 document.getElementById("myp").scrollWidth 让我得到了错误的宽度，我通过使用 console.log 检查宽度来调试代码，似乎有时它是停留在相同的宽度并且不更新我添加到 p 元素的新文本​​。

我也尝试过使用 $(document).width() ，有时它也会让我得到错误的宽度。

这是我调用的 javascript1.js 文件中包含的 javascript 函数：

function append(input){

     var element=$('#myp')[0];
     element.innerHTML="$$" + input + "$$";
     window.scrollBy(element.scrollWidth,0);

      M.parseMath(element) ; 
      }

M.parseMath() 是我从 jqmath 库调用的一个函数，用于显示按预期工作的数学公式。

并且 html 代码是（包括一个 jquery 和 jqmath 库）

            <html><head>

            <link rel='stylesheet' href='mathscribe/jqmath-0.4.3.css'>
            <link rel='stylesheet' href='mathscribe/mystyle.css'>

            <meta name="viewport" content="width=device-width, user-      
             scalable=no" />
            <script src='mathscribe/jquery-1.4.3.min.js'></script>
            <script src='mathscribe/jqmath-etc-0.4.3.min.js'></script>



            <script src='mathscribe/javascript1.js'></script>"
            <script src='mathscribe/jquery.js'></script>"  
            </head>
           <body id='mybody'>
           <p id='myp'></p>
           </body>
           </html>

这是xml布局：

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent"
android:weightSum="1">


<WebView
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:id="@+id/webView"

    android:focusableInTouchMode="true"
    android:layout_weight="0.5" />

  <Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="insert"
    android:id="@+id/insertnewtext"
    android:onClick="clickme"
    android:layout_gravity="center_horizontal" />

   <LinearLayout/>

这是用于设置 webview 的 java 代码：

      WebView webView= (WebView) getActivity().findViewById(R.id.webView);
    WebSettings mWebSettings = webView.getSettings();
    mWebSettings.setJavaScriptEnabled(true);
4

1 回答 1

2

M.parseMath(element)将$$...$$内部的文本节点转换element为格式化的（二维）数学表达式，从而改变其宽度。因此，请尝试在调用window.scrollBy(element.scrollWidth,0); 之后M.parseMath()而不是之前进行，这样element.scrollWidth可以为您提供正确的最终元素宽度。

于 2016-04-13T19:15:01.600 回答