Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [AJAX][JavaScript]Automatyczne przewijanie w dół diva.
GoOx
post
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 (IMG:style_emoticons/default/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
 
Start new topic
Odpowiedzi
Rysh
post
Post #2





Grupa: Zarejestrowani
Postów: 821
Pomógł: 111
Dołączył: 11.09.2006
Skąd: Biała Podlaska

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


Możesz zrobić jeszcze w ten sposób, że nowe wiadomości mają lekko ciemniejsze/jaśniejsze tło (zależy od layoutu) i po krótkiej chwili robią się normalne (przejście koloru za pomocą ajax) - coś jak na FB.
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 2.10.2025 - 21:32