Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [AJAX][JavaScript]Automatyczne przewijanie w dół diva.
GoOx
post 20.07.2012, 18:14:59
Post #1





Grupa: Zarejestrowani
Postów: 329
Pomógł: 6
Dołączył: 23.11.2011
Skąd: Łódź

Ostrzeżenie: (0%)
-----


Cześć,
mam powien problem otóż zrobiłem shoutbox który działa bardzo dobrze, nie trzeba przeładowywać strony. Ale gdy napiszmy nową wiadomośc trzeba jechać paskiem/scrollem w dół a więc zastosowałem coś takiego:

  1. var myDiv = $("#sb");
  2. myDiv.animate({ scrollTop: myDiv.attr("scrollHeight") - myDiv.height() }, 3000);
  3. }


Działało. Ale gdy napiszemy nowa wiadomość trzeba było znów jechac paskiem na dół. To dało tyle ża po przeładowaniu strony pasek był na samym dole a a jk to wykonać aby to było odbywane samoczynnie? aby wraz z nową wiadomością pasek wchodził znów na dół?

Gry zrobię coś takiego pasek leci do góry a jak chce sie przesunąc kurczywie trzyma biggrin.gif
  1. <script type="text/javascript">
  2. function scroll() {
  3. var myDiv = $("#sb");
  4. myDiv.animate({ scrollTop: myDiv.attr("scrollHeight") }, 3000);
  5. setTimeout("scroll()", 100);
  6. }
  7. window.onload = scroll();


Dobra mam coś takiego no niby działa cały czas pasek jest na dole ale jak chcemy przesunąc na górę to się pratycznie nie da.

  1. <script type="text/javascript">
  2. function scroll() {
  3. var myDiv = $("#sb");
  4. myDiv.animate({ scrollTop: myDiv.attr("scrollHeight") }, 1);
  5. setTimeout("scroll()", 100);
  6. }
  7. window.onload = scroll();


Przydało by się mierzenie długości scrolla czy coś takiego i porównanie czy się zmienił a potem gdy się zminił to scroll..
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 08:48