2017-07-08 6 views
0

ok also habe ein paar Code, den ich zusammengeschustert habe, um irgendeine Art von Chat-Raum zu machen, es ist ein Hack-Job tbh aber lernen, wie ich mitfahre. Durch eine Reihe von Antworten hier, aber nichts scheint zu funktionieren.div nicht scrollen nach unten (css, js)

Ich möchte eine JavaScript-Funktion ausführen, wenn die Seite geladen wird. Es gibt einen anderen Teil des Codes, der das Gleiche macht, wenn er ausgeführt wird (er wird ausgeführt, wenn eine Taste gedrückt wird), was funktioniert, also verwirrte mich das. sowieso.

die CSS:

#result{max-width:1024px; width:100%; padding:10px; background: #0000A0; overflow:auto;} 

die Funktion im im Teil index.php versuchen:

function scrollbottom(){ 
    document.getElementById('result').scrollTop=document.getElementById('result').scrollHeight; 
} 

habe ich versucht, die Funktion im Körper Aufruf, auf Last mit Fenster aufrufen und vor und nach der Funktion im Script-Tag aufrufen.

dieser Code ausgeführt wird (auch mit Script-Tag) und die div nach unten scrollen tut, ich nicht schreiben diesen Code btw:

function submitchat(){ 
    if($('#chat').val()=='1' || $('#chatbox').val()==' ') return false; 
    $.ajax({ 
     url:'chat.php', 
     data:{chat:$('#chatbox').val(),ajaxsend:true}, 
     method:'post', 
     success:function(data){ 
      $('#result').html(data); // Get the chat records and add it to result div 
      document.getElementById('result').scrollTop=document.getElementById('result').scrollHeight; // Bring the scrollbar to bottom of the chat resultbox in case of long chatbox 
     } 
    }) 
    return false; 

};

und ausgeführt von

<form method="post" onsubmit="return submitchat();"> 

Hilfe geschätzt und kann mehr Code schreiben, wenn nötig. Mit Ausnahme der CSS-Datei befindet sich alles oben in index.php.

Antwort

0

onLoad sollte funktionieren. Stellen Sie sicher, dass es kein dummer Fehler ist, wie Kapitalisierungsfehler (ich mache das aus Versehen!) Und andere einfache Probleme.

Wenn Sie nichts finden, würde ein externer Ladevorgang beim Laden der Seite funktionieren. Sehen Sie, wenn dieser Beitrag unten hilft Ihnen:

https://stackoverflow.com/a/4722710/6911064

+0

danke, ich versucht, dieses: window.onload = function scrollbottom(); Funktion scrollbottom() { \t document.getElementById ('Ergebnis'). ScrollTop = document.getElementById ('Ergebnis'). ScrollHeight; } aber es funktioniert nicht, div zeigt nicht einmal jetzt, und auch wenn ich den Knopf verwendet, der auf andere Funktion verweist, lädt die Seite neu, so nicht sicher, was dort weitergeht .. –