Wie man div Scrollbar mit Javascript

Ich arbeite auf Tizen und machen web-app.

Ich habe ein div-Element in html5 und ich und das Bild als hintergrund auf dieser div. Nun habe ich einige Szenario, in dem ich zu zeigen, some random text in diesem div-mehrere Male. Es ist nicht garantiert, dass der text immer die gleiche Größe. Mein Bild-Größe 300 Breite 90 Höhe.

Möchte ich nun mein div scroll up-und down-Richtung durch javascript wenn mein text ist größer. Ich habe versucht, scrollTop, overflow: auto/scroll, sondern seine nicht funktioniert.

Eigentlich kann ich das Ergebnis sehen Sie auf HTML-Ansicht in eclipse, aber wenn ich meinen code auf dem Gerät nicht, zeigt keine scrollbars. Jede Hilfe würde geschätzt werden .

Hier ist mein code, in der ich ein div namens textView:

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

In 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";

Möchte ich zeigen, text im Bild Grenzen nicht out-of-bounds-Bild.

  • Was für ein Gerät ist es? Auf iOS-Geräten, zum Beispiel, scheint es keine Möglichkeit zu zwingen, die Anzeige von Bildlaufleisten. Geben Sie es mit etwas anderes, oder wählen Sie eine andere design-Lösung.
  • Seine Tizen-Gerät.
  • eine Sache noch...vielleicht...developer.tizen.org/help/...
  • Versuchen Sie, diese zu beantworten.
InformationsquelleAutor User42590 | 2013-05-16
  1. 4

    Ich glaube-id, die Sie Stil, um overflow:scroll sollte sich darum kümmern.

    EDIT:

    Blick auf die Einstellung overflow-x:hidden und overflow-y:auto

    DOCH NOCH EIN EDIT:
    Vielleicht dies: https://developer.tizen.org/help/index.jsp?topic=%2Forg.tizen.web.appprogramming%2Fhtml%2Fguide%2Fui_guide%2Fui_framework_scrollview.htm

    • Ich auch benutzt, aber es zeigt Schriftrollen in meiner software, die html-Ansicht aber nicht auf dem Gerät. Ich erwähnte es oben in meiner Frage
    • try overflow-x:none; overflow-y:auto;
    • Und ich sage, dass mit auto oder scrollen, es funktioniert nicht auf dem Gerät
    • der link führt zu einem 404.
    • gut, das ist das internet für Sie. Um fair zu sein, das ist, ein 5-jähriger beantworten.
    InformationsquelleAutor fnostro
  2. 0

    Versuchen Sie dies :- First-fix die Höhe und Breite des <div> legen Sie dann die overflow:auto .

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

    oder Sie können versuchen, 

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

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

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

    Hoffe es wird Euch helfen.

    InformationsquelleAutor JDGuide
  3. 0

    ich verwendet iscroll zum scrollen in meine mobile app,Hoffe, es kann Ihnen helfen,

    InformationsquelleAutor sham.y
  4. 0

    Ich erlebt habe ähnliches problem, wenn ich die Entwicklung von ap in tizen.Überlauf-scrollen für beide Achsen nicht den trick tun.Das prob war Inhalt war der festen position und es hat nicht gehörte scrollbare division.Überprüfen Sie, dass mate!

    InformationsquelleAutor Nair
Schreibe einen Kommentar