RWD boczna nawigacja

Question

No hej, mam takie pytanie odnośnie w jaki sposób tworzy się takie boczne nawigacje jak np. tutaj? Odtwarzam sobie mniej więcej tę stronę (tak z wykorzystaniem frameworka) demo możecie zobaczyć tutaj. No i stanąłem na menu, ponieważ nie wiem co zrobić aby działało w taki sam sposób.

Znacie może jakieś tutoriale odnośnie takich bocznych, responsywnych nawigacji? Zależy mi na czystym CSS (pewnie JS też będzie wymagany) bez żadnych frameworków. Prostota, lekkość no i RWD.

Answer 1

To menu, to najprawdopodobniej div, z atrybutem position: fixed, a także cursor: pointer.

W JavaScripcie opisana jest reakcja na sygnał kliknięcia w owe menu - identyczne menu tworzy się w kursie na www.CodeCademy.com - Make an interactive Website. Oczywiście jeśli jesteś zainteresowany.

Postaram się opisać moje wykonainie takiego menu:

1. Tworzysz sobie twojego diva z napisem menu i ustawiasz jego właściwości w css.
2. Tworzysz sobie listę opcji, zwykły <ul>, ukrywasz ją metodą jQuery hide()
3. Podpinasz do kliknięcia w twojego diva funkcję, która wywołuje metodę toggle() na twojej liście.
4. Gotowe! ;)

@Edit:

Oczywiście twoje menu musi być umieszczone w divie. :)

Comments

Dzięki za nakierowanie, ogarnę to gdy będę miał czas. :P