0

私は Tizen に取り組んでおり、Web アプリを作成しています。

html5 に div があり、この div の背景として画像を設定します。今、この div にランダムなテキストを複数回表示する必要があるシナリオがあります。テキストが常に同じサイズであるという保証はありません。私の画像サイズは幅300、高さ90です。

テキストが大きいときはいつでも、JavaScriptを使用してdivスクロールを上下方向に設定したいと思います。scrollTop、overflow: auto/scroll を試しましたが、機能しません。

実際には、Eclipse の HTML ビューで結果を確認できますが、デバイスでコードを実行すると、スクロールバーが表示されません。助けていただければ幸いです。

textView という名前の div がある私のコードは次のとおりです。

  <div id="textView" style="height: 90px; width: 300px;  
    margin-left: 20px; margin-top: 20px;overflow: auto;">
  </div>

そしてJavaScriptで：

  var elem = document.getElementById("textView");

  elem.scrollTop="80px";

  elem.innerHTML="llllllllllllllllllllllllllllllllllllllllll"+'<br/>'
  +"llllllllllllllllllllllllllllllllllllllllllll"+'<br/>'
  +"llllllllllllllllllllllllllllllllllllllllllll"+'</br>'
  +"llllllllllllllllllllllllllllllllllllllllllll"+'<br/>';
  elem.style.color = "White";

  elem.style.fontSize = "50px";

画像の境界外ではなく、画像の境界内にテキストを表示したい。

4

4 に答える 4

7

overflow:scroll私はあなたがそれを世話するべきだと信じています。

編集：

設定overflow-x:hiddenを見て、overflow-y:auto

まだ別の編集: おそらくこれ: https://developer.tizen.org/help/index.jsp?topic=%2Forg.tizen.web.appprogramming%2Fhtml%2Fguide%2Fui_guide%2Fui_framework_scrollview.htm

于 2013-05-16T06:40:22.337 に答える
1

これを試してください:- 最初に の高さと幅を修正し、<div>次に を設定しoverflow:autoます。

document.getElementById("textView").setAttribute("style","overflow:auto;height:90px;width:500px");

またはあなたが試すことができます

document.getElementById("textView").style.width='500px';

document.getElementById("textView").style.height='90px';

document.getElementById("textView").style.overflow='auto';

それがあなたを助けることを願っています。

于 2013-05-16T07:06:12.463 に答える
0

tizenでアプリを開発していた時、似たような問題を経験しました.両方の軸のオーバーフロースクロールはトリックをしませんでした.問題は、コンテンツが固定位置であり、スクロール可能な部門に属していなかったことです.その仲間をチェックしてください!

于 2015-11-07T13:30:43.200 に答える
0

モバイルアプリでのスクロールにiscrollを使用しました。

于 2013-05-16T07:18:51.603 に答える