• 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

Object Storage Arubacloud
–1 głos
368 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,900 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,040 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,013 wizyt
pytanie zadane 31 stycznia 2018 w HTML i CSS przez Hardwell Dyskutant (8,980 p.)
0 głosów
0 odpowiedzi 104 wizyt
0 głosów
2 odpowiedzi 2,041 wizyt

92,576 zapytań

141,426 odpowiedzi

319,652 komentarzy

61,961 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.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...