Machen Inhalt der absoluten Div scrollbar

Hallo Ich habe eine Cordova App und ich muss einen Chat erstellen.Machen Inhalt der absoluten Div scrollbar

habe ich die divs mit Position absolut zu, wenn die Tastatur auf dem Handy alle Inhalte verschieben erscheint auch auf.

Also, wenn ich das tat, zeigt der Inhalt nicht die Rolle. Wie kann ich das beheben?

<div class="page-content messages-content" style="position:absolute; width:100%; bottom:48px; top:auto;"> 
     <div class="messages" style="position:absolute; width:100%; bottom:10px; top:auto; overflow-y:auto;">

Achten Sie auf diesen Linien, wo alle neuen Nachrichten wird eingefügt .

Danke.

Quelle

2017-12-14 Ronaldo Lemos

benötigen Sie den Überlauf blättern Mutter hinzuzufügen, so bewegen sie auf die obere div –

ich versucht haben, das das Attribut Überlauf mit auto, Scroll- und sichtbar auf alle hinzufügen die Eltern-Tags. –

Ich konnte es mit Überschreiben von Inline-Stilen lösen. Nicht sicher, ob Sie es verwenden sollte (ich bin mir eigentlich sicher, dass Sie sollten nicht)

.messages-auto-layout { 
    position: static !important; 
}

Ich bin nicht sicher, ob dies hilfreich ist, weil diese Stile werden höchstwahrscheinlich über JS angelegt, so muss es eine Möglichkeit geben, wie man es klüger lösen kann. Vielleicht alle JS-Stile entfernen und nur CSS verwenden? Ich habe noch nie eine App mit Cordova erstellt, so dass mir hier ein Kontext fehlt. Hier

ist der Link ->http://jsfiddle.net/9rsgdrw5/1/

Quelle

2017-12-14 18:31:15

Machen Inhalt der absoluten Div scrollbar

Antwort

Verwandte Themen