• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Ustawienie scrolla po odswiezeniu strony

0 głosów
34 wizyt
pytanie zadane 12 października w JavaScript przez Olivier Mazur Początkujący (260 p.)

Witam, mam taka sytuację, ze mam np 100 elementów i kazdy element ma obok sie przycisk który po kliknięciu coś robi i odswieza stronę. Problemem jest to, ze scroll wtedy idzie na samą górę, a chciałbym, zeby pozostał w tym samym miejscu. Zrobiłem coś takiego, że po kliknieciu w ten przycisk przypisuje wysokość scrolla do localStorage:

 let top = window.pageYOffset || document.documentElement.scrollTop
    localStorage.setItem("sidebar-scroll", JSON.stringify({
      number: Number(top)
    }));

w ngOnInit chce teraz ustawić scrolla, ale to nie działa:

ngOnInit(){
let object = localStorage.getItem("sidebar-scroll");
    const top = JSON.parse(object).number;

  window.scrollTo(0, top));
}

 

komentarz 12 października przez ScriptyChris Mędrzec (168,460 p.)

Czy w konsoli nie ma błędów (wygląda na to, że przy wywołaniu window.scrollTo masz o jeden nawias zamykający za dużo)? Czy na pewno zmienna top w ngOnInit zawiera poprawną liczbowo wartość?

komentarz 12 października przez Olivier Mazur Początkujący (260 p.)
pomyliłem sie przy przepisywaniu.. , ale tak zawiera poprawną wartosc
komentarz 13 października przez Vese Obywatel (1,160 p.)
Nadal aktualne?

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

0 głosów
1 odpowiedź 247 wizyt
pytanie zadane 3 października 2017 w JavaScript przez Ziuziek Mądrala (5,150 p.)
+1 głos
0 odpowiedzi 109 wizyt
pytanie zadane 25 kwietnia 2017 w JavaScript przez zgrybus Pasjonat (24,960 p.)
0 głosów
1 odpowiedź 393 wizyt
pytanie zadane 28 kwietnia 2016 w JavaScript przez Michał_Warmuz Mądrala (5,840 p.)

85,774 zapytań

134,555 odpowiedzi

298,695 komentarzy

56,666 pasjonatów

Advent of Code 2021

Top 15 użytkowników

  1. 64p. - nidomika
  2. 62p. - ScriptyChris
  3. 60p. - Whistleroosh
  4. 57p. - adrian17
  5. 55p. - B4mbus
  6. 55p. - CC PL
  7. 53p. - Klaudia
  8. 50p. - WhiskeyTaster
  9. 47p. - rucin93
  10. 45p. - tokox
  11. 44p. - Adrian Rębisz
  12. 43p. - Michał Tartanus
  13. 41p. - Jarosław Roszyk
  14. 38p. - Argeento
  15. 18p. - Marcin Harasimowicz
Szczegóły i pełne wyniki

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...