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

Problem z uruchomieniem funkcji DOM

42 Warsaw Coding Academy
0 głosów
281 wizyt
pytanie zadane 2 kwietnia 2017 w JavaScript przez Miszo Bywalec (2,100 p.)

Chcę użyć takiej funkcji na divie

document.getElementById('uiScrollableAreaContent').scrollTop += 10;

Ale konsola zwraca mi błąd:

Uncaught TypeError: Cannot read property 'scrollTop' of null

Jaka może być takiego przyczyna?

1 odpowiedź

+2 głosów
odpowiedź 2 kwietnia 2017 przez Comandeer Guru (607,060 p.)

Nie ma elementu #uiScrollableAreaContent. Pewnie odpalasz skrypt przed tym elementem, nie czekając na załadowanie strony.

komentarz 2 kwietnia 2017 przez Miszo Bywalec (2,100 p.)

Hm... nie do końca. Skrypt jest uruchamiany przez guzik. Poczekałem pare sekund na załadowanie strony. 

Ten skrypt działa na stronie facebook.com. Za pomocą wtyczki TamperMonkey do Chrome.

W kodzie html strony facebook istnieje taki div z klasą uiScrollableAreaContent.

Chcę się dobrać do tego diva i użyć funkcji srollTop

 

1
komentarz 2 kwietnia 2017 przez Comandeer Guru (607,060 p.)

klasą, a próbujesz pobrać przez [id]https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector

komentarz 2 kwietnia 2017 przez obl Maniak (51,300 p.)
No to Comander dobrze ci przecież odpowiedział, że element o takim id nie istnieje :)
komentarz 2 kwietnia 2017 przez Miszo Bywalec (2,100 p.)
Rzeczywiście, mój błąd. Przeoczyłem, ale żeby nie pozostawić tego tematu od tak, to pozwolę się zapytać. Czy wiesz co zwraca funkcja SrollTop jeżeli zadziała na złym obiekcie, albo jeżeli nie zadziała nic. Np w przypadku, jak div nie może być scrollowany.
komentarz 2 kwietnia 2017 przez Comandeer Guru (607,060 p.)

AFAIR powinno zwrócić 0. Sprawdź na MDN.

Podobne pytania

+1 głos
1 odpowiedź 258 wizyt
0 głosów
2 odpowiedzi 596 wizyt
pytanie zadane 10 grudnia 2019 w JavaScript przez matedoo Nowicjusz (210 p.)
0 głosów
2 odpowiedzi 631 wizyt
pytanie zadane 27 sierpnia 2018 w JavaScript przez bulit000 Początkujący (460 p.)

93,377 zapytań

142,380 odpowiedzi

322,532 komentarzy

62,727 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

VMware Cloud PRO - przenieś swoją infrastrukturę IT do chmury
...