[AJAX][JavaScript]Automatyczne przewijanie w dół diva. Opcje

[GoOx]

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:

[PHP] pobierz, plaintext 
var myDiv = $("#sb");
myDiv.animate({ scrollTop: myDiv.attr("scrollHeight") - myDiv.height() }, 3000);
}
[PHP] pobierz, plaintext 

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

[HTML] pobierz, plaintext 
	<script type="text/javascript">
	function scroll() {
var myDiv = $("#sb");
myDiv.animate({ scrollTop: myDiv.attr("scrollHeight") }, 3000);
setTimeout("scroll()", 100);
}
window.onload = scroll();
</script>
[HTML] pobierz, plaintext 

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.

[HTML] pobierz, plaintext 
	<script type="text/javascript">
	function scroll() {
var myDiv = $("#sb");
myDiv.animate({ scrollTop: myDiv.attr("scrollHeight") }, 1);
setTimeout("scroll()", 100);
}
window.onload = scroll();
</script>
[HTML] pobierz, plaintext 

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..

[Rysh]

Myślałeś żeby wyświetlać wiadomości odwrotnie? Na górze nowe?

[GoOx]

Miałem tak ale wszyscy mylili się gdzie są wiadomości i myśleli że te na dole to było nowe a to były te stare ;p

[Rysh]

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.

[GoOx]

Ale jak to ma się do scrolla? Jeśli chodzi o fb to nie wiem, nie korzystam.

[Rysh]

Ale jak to ma się do scrolla? Jeśli chodzi o fb to nie wiem, nie korzystam.

Do scrolla ma się nijak, chciałem Ci tylko przedstawić alternatywne wyjście.
W JS niestety nie pomogę, wybacz że Ci zaśmieciłem wątek.

[csharp]

może ustaw sobie jakiegoś diva i spróbuj przewijać do niego w jquery po odświeżeniu.

zobacz sobie może coś takiego:

http://www.electrictoolbox.com/jquery-scroll-bottom/

tam masz przykład jak to działa.

//i jeszcze jakieś jedno -> bardziej z divem
http://kisdigital.wordpress.com/2009/11/12...ottom-of-a-div/

Ten post edytował csharp 20.07.2012, 20:45:31