Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Problem z scrollTop
Forum PHP.pl > Forum > XML, AJAX
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(){

...
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.
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?
  1. var $chat = $(".chatMessages");
  2. var chatHeight = $chat.innerHeight();
  3. var c = 1;
  4.  
  5. function newMessage() {
  6. $chat.append("<li>This is message "+ (c++) +"</li>");
  7. if(!$chat[0].noScroll) {
  8. $chat.stop().animate({scrollTop: $chat[0].scrollHeight-chatHeight},600);
  9. }
  10. }
  11.  
  12. $chat.hover(function() {
  13. return this.noScroll ^= 1;
  14. });
  15.  
  16. $chat.scrollTop( $chat[0].scrollHeight );
  17. setInterval( newMessage, 2000 );
  18.  
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2024 Invision Power Services, Inc.