Witam. Oto poniżej kod java script który obsługuje chat. Chcę by po otwarciu strony scroll znajdował się na dole, a znajduje się na górze. Owszem po wpisaniu wiadomości
scroll automatycznie jest na dole. Wiem tylko tyle że odpowiada za o element scrollTop, tylko nie wiem jak to ustawić.
pozdrawiam
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(document).on('submit', '#chatForm', function(){
var text = $.trim($("#text").val());
var user = $.trim($("#user").val());
if(text != "" && user != "") {
$.post('ChatPoster.php', {text: text, user: user}, function(data){
$(".chatMessages").append(data);
$(".chatMessages").scrollTop($(".chatMessages")[0].scrollHeight);
$("#text").val('');
});
} else {
alert("Musisz wpisac wiadomość!");
}
});
function getMessages() {
$.get('GetMessages.php', function(data){
var amount = $(".chatMessages li:last-child").attr('id');
$(".chatMessages").html(data);
var countMsg = data.split('<li').length - 1;
array = [countMsg, amount];
});
return array;
}
setInterval(function(){
var num = getMessages();
if(num[0] > num[1]) {
$(".chatMessages").scrollTop($(".chatMessages")[0].scrollHeight);
}
},1000);