jQuery Pozitie scroll in element html
Scris: Mar Apr 01, 2014
Salutare.
Am un chat si cand mi se actualizeaza imi sare scrollul in partea de sus a chatului si eu as vrea sa ramana in pozitia unde era cititorul .
1. Cum as potea sal fac sa mearga?
Acesta ii codul de actualizare date :
Am incercat sa pun scrollTop dar numa nu-mi ramane in pozitia unde era scrollul inainte de actualizarea datelor .
2.Cum pot face ca rezultatele sa fie de sus in jos . ( adica mesajele vechi sa fie in partea de sus si noul mesaj sa apara in partea de jos, mai exact ca la chaturi . ) ?
Trebuie sa fac asta din php sau din javascript ca sa fie ??
Am un chat si cand mi se actualizeaza imi sare scrollul in partea de sus a chatului si eu as vrea sa ramana in pozitia unde era cititorul .
1. Cum as potea sal fac sa mearga?
Acesta ii codul de actualizare date :
Cod: Selectaţi tot
<script type="text/javascript">
$(document).ready(function(){
var position = $("#mesaj").scrollTop();
// Trimitem noile date la server
$( "form" ).keypress( function( e ) {
// Cand apasam tasta enter vom trimite datele in baza de date
if(e.keyCode == 13){
if($("#chatmesaj").val() != ""){
var ChatText = $("#chatmesaj").val();
$.ajax({
type: 'POST',
url: 'InsertMesaj.php',
data: {ChatText:ChatText},
success: function(){
$("#chatmesaj").val("");
$("#mesaj").show(2000);
$("#mesaj").scrollTop( 400 );
}
});
}
}
});
// Setam intervalu de timp la care sa actualizeze mesajele
setInterval(function(){
$("#mesaj").load("mesaj.php");
$("#mesaj").scrollTop( position );
}, 1500);
$("#mesaj").load("mesaj.php");
$("#mesaj").scrollTop( position );
});
</script>
2.Cum pot face ca rezultatele sa fie de sus in jos . ( adica mesajele vechi sa fie in partea de sus si noul mesaj sa apara in partea de jos, mai exact ca la chaturi . ) ?
Trebuie sa fac asta din php sau din javascript ca sa fie ??