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

Jak zrobić takie menu?

Object Storage Arubacloud
+1 głos
988 wizyt
pytanie zadane 17 kwietnia 2017 w HTML i CSS przez Vorex444 Dyskutant (9,610 p.)
Siema, w jaki sposób można zrobić takie menu jak jest na tej stronie?

Chodzi mi o to, że gdy schodzimy na dół to jeżeli jesteśmy w sekcji np. 'umiejtnosci' to na menu podswietla się 'umiejetnosci'

https://krzysieks92.github.io/portfolio/

Jak ktos ma to moze tez wyslalc jakis poradnik od tego :)

dzieki!

3 odpowiedzi

0 głosów
odpowiedź 17 kwietnia 2017 przez jaca121212 Nałogowiec (40,760 p.)
Tutaj masz skrypt który pokazuje taki efekt.

http://codepen.io/jaca121212/pen/JKgwmG
komentarz 17 kwietnia 2017 przez imklau Nałogowiec (42,090 p.)
nie wiem, jak u innych osób, ale u mnie nie zmienia się nic w elementach menu przy scrollowaniu
1
komentarz 17 kwietnia 2017 przez jaca121212 Nałogowiec (40,760 p.)
edycja 17 kwietnia 2017 przez jaca121212
Znaczy się tylko  w jednym divie jest ustawione aby przy automatycznym scrolowaniu działała animacja. Jeśli chodzi o menu to jak się np kliknie w kontakt to automatycznie przejdzie do diva kontakt i zostaje w menu podświetlenie na której jest się obecnie sekcji.

Jeśli podczas scrolowania mieliśmy zaznaczone kontakt i jest zaznaczone a chcieliśmy iść do start(górnej strony) to nie zmienia się w menu. Dlatego tak się dzieje bo nie jest napisana funkcja  do tego. Ale miałem to gdzieś napisane jak poszukam to wstawię to.

 

Edit: poprawione

http://codepen.io/jaca121212/pen/RVPXjp
komentarz 17 kwietnia 2017 przez imklau Nałogowiec (42,090 p.)
oo chyba właśnie o to autorowi pytania chodziło ;)
komentarz 17 kwietnia 2017 przez jaca121212 Nałogowiec (40,760 p.)
No pewnie tak. Temat do zamknięcia. No chyba że autor będzie czegoś jeszcze oczekiwał.
0 głosów
odpowiedź 17 kwietnia 2017 przez imklau Nałogowiec (42,090 p.)

tu jest krótkie wytłumaczenie tego: https://forum.pasja-informatyki.pl/212318/js-dynamiczne-menu?show=212318#q212318
znalazłam też takie coś: http://codepen.io/emiemi/pen/jAkvxV i http://codepen.io/allizad/pen/JdmopL
i ewentualnie mógłbyś sobie sprawdzić źródło tej strony, którą podałeś, a tam jest, że autor tej strony użył czegoś takiego jak ScrollReveal ;)

0 głosów
odpowiedź 22 kwietnia 2017 przez Kamil Czech Dyskutant (7,700 p.)

Podobne pytania

0 głosów
2 odpowiedzi 207 wizyt
pytanie zadane 2 czerwca 2018 w HTML i CSS przez Layoutowiec Mądrala (5,470 p.)
0 głosów
4 odpowiedzi 465 wizyt
pytanie zadane 2 czerwca 2017 w HTML i CSS przez uMAXa Gaduła (4,290 p.)
0 głosów
4 odpowiedzi 876 wizyt
pytanie zadane 21 września 2017 w JavaScript przez Adrian1999 Nałogowiec (34,570 p.)

92,572 zapytań

141,423 odpowiedzi

319,645 komentarzy

61,959 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!

...