Problem z scrollTop Opcje

[woxala123]

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);

[LowiczakPL]

Kod

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
$(document).ready(function(){

$('.chatMessages').scrollTop($('.chatMessages').height());

$(document).on('submit', '#chatForm', function(){

...

Ten post edytował LowiczakPL 11.06.2016, 12:24:59

[woxala123]

Ale co daje ten wariant bo na razie nic nie daje. Bo jak wpiszę np: w opcji $('.chatMessages').scrollTop($('.chatMessages').height(1000)); to wydłuża wysokość chatu.

[LowiczakPL]

Napisałeś "Chcę by po otwarciu strony scroll znajdował się na dole"

testowałeś moją propozycję?

To co Ty napisałeś nie ma nic wspólnego z moim kodem, Tu ustawiasz wysokość, a ja ją pobieram.

Ten post edytował LowiczakPL 11.06.2016, 13:17:23

[woxala123]

Sorki, ale co z tego że pobierasz. Tylko przy pobieraniu scroll ma być na dole. Nasuwa pytanie się 1) Czy już na wstępie w pliku chatmessages.php ma byc na dole
czy w plik index.php który pobiera plik tam w contenerze ma byc scroll na dole.

Troszkę rozwiązałem problem znajdując w necie taki kod któey powoduje automatyczne przesunięcie scrolla w dół i by było okey. tylko jeszcze zastanawiam dlaczego co jakis czas podskakuje scroll tzn: co 2 sekundy rozumiem że może odświeża ostatnią wiadomość. Czy to jest to?

[HTML] pobierz, plaintext 
var $chat = $(".chatMessages");
var chatHeight = $chat.innerHeight();
var c = 1;
 
function newMessage() {
  $chat.append("<li>This is message "+ (c++) +"</li>");
  if(!$chat[0].noScroll) {
    $chat.stop().animate({scrollTop: $chat[0].scrollHeight-chatHeight},600);
  }
}
 
$chat.hover(function() {
  return this.noScroll ^= 1;
});
 
$chat.scrollTop( $chat[0].scrollHeight );
setInterval( newMessage, 2000 );
 
[HTML] pobierz, plaintext