Odległość suwaka od dolnej części diva

Question

Hejka :D

To znowu ja i mam teraz inny problem. Jak sprawdzić, czy użytkownik ma przescrollowany suwak na sam dół?

Ja to rozkminiałem tak:

if(odleglosc_od_gornej_krawedzi+wielkosc_suwaka==dlugosc_scrolla){

//dalszy kod
}

ale znów nie wiem skąd wziąć wielkosc_suwaka (bo odleglosc_od_gornej_krawedzi to .scrollTop, a dlugosc_scrolla to .scrollHeight) :v

Pomocy

Answer 1

let doc = document.documentElement;

if (doc.scrollHeight - doc.scrollTop === window.innerHeight) {
    //przewinąłeś do końca strony
}

"doc.scrollHeight" -> całkowita wysokość okna, po jakiej można scrollować

"doc.scrollTop" -> pozycja do której zescrollowano względem początku strony

"window.innerHeight" -> aktualna wysokość okna przeglądarki

Comments

Wiem, też to przed chwilą znalazłem :D 

Dzięki

Nie wiedziałem, że wielkość suwaka to tak naprawdę wielkość samego elementu... Ciekawe :v

---

pozostaje jeszcze ewentualnie kwestia przebadania tego na IE jeśli musisz to wspierać bo pamiętam, że chyba tam czegoś nie było (nie wiem czy czasem nie rozchodziło się o window.innerHeight kontra clientHeight ale nie pamiętaj teraz dokładnie).

Ale nie mniej zasada właśnie taka, a co do szczegółów to już trzeba potestować :)