Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: DIV - Po kliknięcu buttona scroll u dołu diva
Forum PHP.pl > Forum > Po stronie przeglądarki
Malinaa
Witam,
jak zrobić, aby po kliknięciu w button "Wyślij", przeładowaniu i dodaniu wiersza w polu div scroll w divie znajdował się u dołu tego diva, tak aby widoczna była dodana ostatnia linia u dołu div a?
Daiquiri
Skorzystaj z odsyłacza do etykiety.
Malinaa
Odsyłacz w etykiecie, tutaj raczej nie (komplkuje mi to AJAX).

ale znalazłem na forum taki skrypt i już jest prawie ok:

  1. function setScrollBottom() {
  2. var scrolledDiv = document.getElementById('sb_chatLog');
  3. scrolledDiv.scrollTop = scrolledDiv.scrollHeight;
  4. }


Czy można dodać do scrollHeight kilka piksli w dół diva ( jak ?), ponieważ obecnie pasek przesuwu po dodaniu wiersza schodzi na dół diva, ale pomija ostatnio dodany wiersz. Dochodzi do przedostatniego, ale aby widzieć ostatniu i tak musimy przesunąc pasek ręcznie o kilka piksli w dół.
kamil4u
Zobacz dlaczego tak się dzieje: https://developer.mozilla.org/en/DOM/element.scrollHeight
Kod
function setScrollBottom() {
var scrolledDiv = document.getElementById('sb_chatLog');
scrolledDiv.scrollTop = scrolledDiv.scrollHeight+10; //np. dodajemy 10 px
}
Malinaa
... próbowałem już wcześniej + 100, ale nie dało efektu.
Po prostu coś przeoczyłem w długim kodzie js, przestawiłem wywołanie funkcji i jak najbardziej ta funkcja działa w IE FF bez problemu.
Już jest ok.
Dzięki
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-2025 Invision Power Services, Inc.