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

przewijanie stony do div o wybranym id

42 Warsaw Coding Academy
–1 głos
499 wizyt
pytanie zadane 29 czerwca 2018 w JavaScript przez Q_Nick Mądrala (5,010 p.)
Potrzebny mi kod, który przewinie stronę do elementu o wybranym id. W Google znalazłem tyko do wybranej wielkości w px, a to w tym przypadku nie przejdzie. Wie ktoś jak to wykonać?

3 odpowiedzi

+1 głos
odpowiedź 29 czerwca 2018 przez Alex.Ironside Stary wyjadacz (14,920 p.)
<a href="#TwojeId">Przewin</a>

Chociaz szczerze nie powinienem nawet tego pisac bo to 5 min szukania w Google.

0 głosów
odpowiedź 29 czerwca 2018 przez wiktoz Mądrala (7,060 p.)

W JS 

			function scroll_to_div(div_id)
			{
			 $('html,body').animate(
			 {
			  scrollTop: $("#"+div_id).offset().top
			 },
			 'slow');
			}

W html

<button onclick="scroll_to_div(id_diva)">Przycisk</button>

id_diva bez hasha bo pozniej jest on dodawany w funkcji

0 głosów
odpowiedź 29 czerwca 2018 przez sebeks Mądrala (5,300 p.)

Łapiesz element z wybranym id, na przykład za pomocą document.querySelector i przypisujesz do zmiennej. Potem w  zmienna.offsetTop masz odległość tego elementu od górnej granicy dokumentu. I to sprawdziłem, ale nie mam już czasu, więc prawdopodobnie za pomocą window.ScrollTo(0, zmienna.offsetTop) przewiniesz sobie stronę aż do tego elementu.

 

Podobne pytania

0 głosów
1 odpowiedź 1,291 wizyt
pytanie zadane 31 stycznia 2018 w HTML i CSS przez Hardwell Dyskutant (9,020 p.)
0 głosów
0 odpowiedzi 137 wizyt
0 głosów
2 odpowiedzi 2,119 wizyt

93,385 zapytań

142,384 odpowiedzi

322,540 komentarzy

62,745 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
...