menu główne / nawigacja strony..

pytanie zadane 26 września 2017 w Rozwój zawodowy, nauka, praca przez rice Początkujący (440 p.)

Cześć :)
Czy mógł by mi ktoś podesłać jakiś link do tego jak zrobić taką nawigację strony jak jest tutaj: http://red-monkeys.de - lub wytłumaczyć mi to jak zrobić. Dokładnie chodzi mi o ten efekt przejścia gdy najadę na menu główne lub scrolluje stronę w dół.

Dzięki śliczne za wszelką pomoc jak i za wszelkie materiały.
Pozdrawiam bardzo serdecznie - P ;)

1 odpowiedź

odpowiedź 26 września 2017 przez ShiroUmizake Nałogowiec (46,300 p.)

1.Uruchom funckje moveFrame.

2.Jeśli mój obiekt(nav), zbliży się na określone odległość(podpowiedż Obiekt RECT bądż z jQ parseTop)

3.Wtedy, przesunRamke.

4.Wczesniej sprawdz czy podczas wydarzenia scrollowania odleglosc sie zwieksza/zmniejsza od mojego obiektu

5.Przesun ramke prawo/lewo

6.Jak moj licznik rowna sie 0, nie przesuwaj w lewo.

7.Jak mój licznik równa się x[MaxNavElement] nie przesuwaj w prawo.

Proszę ;)

komentarz 26 września 2017 przez rice Początkujący (440 p.)

Kurde trochę to skomplikowane tym bardziej jak się zaczyna uczyć JS / JQ.

Głupio mi prosić ale bardzo mi się to menu spodobało w sensie to przejście chciałbym wykorzystać to w swoim projekcie.. Można by poprosić taki poradnik dla niezbyt bystrych? :D Lub może rozpisał byś mi to tak jak możesz.. Przy okazji po uczył / nauczył bym się czegoś :D

komentarz 26 września 2017 przez ShiroUmizake Nałogowiec (46,300 p.)

Na początek spróbuj zając czymś łatwiejszym. Ale jak chcesz tu masz pogląd jak to ma działać. Uwaga, dośc stary, więc nie najlepszej jakości.

https://github.com/PatrykMaternicki/InperiumSoftwareWWW/blob/master/JS/navigation.js

https://patrykmaternicki.github.io/InperiumSoftwareWWW/

komentarz 26 września 2017 przez rice Początkujący (440 p.)

Chciała właśnie jakieś menu dynamiczne nauczyć się robić przy pomocy JS ale nigdzie nie mogę znaleźć nic żeby zacząć się tym bawić. A takie menu ładnie wygląda na stronie typu onepage

komentarz 26 września 2017 przez ShiroUmizake Nałogowiec (46,300 p.)

Bo nie ma tutka do tego, trzeba pomyśleć o tym jak o dziecku, którego musimy go nauczyć. A żeby go nauczyć potrzebujemy.

1.addEventListenera.

2.Obiekt czyli nasze API.

3.addEventListener => decideHowMove();

4.checkPos() => moveLeft() or moveRight() => (dla right)checkIsMaxPos() (dla left)checkMinPos().

5.moveFrame();

komentarz 26 września 2017 przez rice Początkujący (440 p.)

no rozumiem ale jakoś tak trochę dziwnie bo np do takiego css to jest pełno poradników jakiś jak coś stworzyć a jak do js czegoś szukam to tylko ewentualnie znalazłem jak stworzyć jakiś prosty slider (z opisem co i jak) tak to nic praktycznie nie ma co można by wykorzystać i uczyć się tworzyć.. same gotowce.. dla tego według mnie jest się ciężej uczyć JS jak nie ma praktycznie żadnych przykładów zastosowania.. oczywiście ktoś powie że kreatywność etc. mi się lepiej uczy jak ktoś pokazuje jak coś stworzyć widzę jak ktoś tworzy coś i sam zaczynam szukać jeszcze jakiegoś ale o jakie mogę daną rzecz ulepszyć czy poprawić :) - tak się nauczyłem sporo w html czy css..

komentarz 29 września 2017 przez ShiroUmizake Nałogowiec (46,300 p.)

Ale ja ci dałem , 2 przykłady jak to zaimplementować. Zacznij od czegoś łatwiejszego w JS, a potem zobaczysz, że wow rozumiem to.

A po drugie to słabo szukasz:

https://www.cssdesignawards.com/articles/10-cool-css-js-demos-tuts-to-apply-and-use/67/