• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

LiveChat - Pokazywanie nowych wiadomości.

0 głosów
145 wizyt
pytanie zadane 17 czerwca 2018 w JavaScript przez Bartosz Paterek Początkujący (410 p.)
zmienione kategorie 17 czerwca 2018 przez Bartosz Paterek

Witam,

piszę LiveChat i jestem na półmetku, natomiast zatrzymałem się na wczytywaniu nowych wiadomości.

Najnowsze wiadomości pokazują się na dole diva, przewijanego overflowem, przwijam go automatycznie funkcja :

		function setScrollBottom()
{
    var scrolledDiv = document.getElementById('messages');
    scrolledDiv.scrollTop = scrolledDiv.scrollHeight;
};


I wywołuje go onloadem.

 

Wiadomości chatu przeładowuje:

var auto_refresh = setInterval(
			function ()
			{
				$('#chat2').load('chat.php').fadeIn("slow");
			}, 1000);

Po przeładowaniu overflow jest na górze, to przerobiłem funkcję:

		function setScrollBottom()
{
    var scrolledDiv = document.getElementById('messages');
    scrolledDiv.scrollTop = scrolledDiv.scrollHeight;

    setTimeout("setScrollBottom()", 1000);
};

Teraz po każdym przeładowaniu overflow skacze góa dół.

 

Czy macie jakieś propozycje jak to naprawić?

Czy może inaczej odświeżać diva.

Z góry dziękuję.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

0 głosów
1 odpowiedź 430 wizyt
0 głosów
3 odpowiedzi 319 wizyt
pytanie zadane 7 maja 2020 w JavaScript przez primole Obywatel (1,130 p.)
0 głosów
2 odpowiedzi 430 wizyt
pytanie zadane 21 lutego 2019 w JavaScript przez Jakub Domacki Użytkownik (660 p.)

93,721 zapytań

142,651 odpowiedzi

323,267 komentarzy

63,270 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Twierdza Linux. Bezpieczeństwo dla dociekliwych

Aby uzyskać rabat -10%, użyjcie kodu pasja-linux, wpisując go w specjalne pole w koszyku.

...