Automatyczny scroll elementu przy wejściu na stronę.

Question

Witam.

Mam taki problem:

Na stronie mam diva o wymiarach 500x500 pikseli. W tym divie są w linijkach informacje (<span> Informacja </span>), jest ich wiele. Div ma overflow-y: scroll, dzięki czemu gdy wiadomości się nie mieszczą to można scrollować w górę i w dół.

Chciałbym ustawić, aby przy wejściu na stronę ten div już był "przescrollowany" na sam dół. Co więcej, co parę sekund do tego diva dosyłane są nowe linijki poprzez Ajax'a ( dosyłane są na sam dół ). Chciałbym, aby przy każdej nowej informacji scroll pozostawał na samym dole.

Proszę o pomoc. Pozdrawiam!

Answer 1

IntersectionObserver powinien pomóc Spróbuj użyć metody scroll na elemencie przekazując w configu property top z wartością wysokości scrolla. Jeśli chcesz przewinąć div'a stricte na sam dół, to możesz ustawić mu property scrollTop równe scrollHeight, np.: https://codepen.io/JSHolic/pen/pogYqwV

Gdybyś pokazał kod, to można by doradzić coś bardziej precyzyjnie.

Comments

Nie trzeba, działa dobrze. Dziękuję.