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

Jak zrobić menu boczne?

Object Storage Arubacloud
+2 głosów
963 wizyt
pytanie zadane 16 stycznia 2016 w JavaScript przez Jakub98 Nowicjusz (200 p.)
Mam problem ponieważ chciłabym zrobić wysuwany pasek aside z prawej strony tak jak na stronie http://get.tech/

menu w html mam już zrobiony

ale nie wiem jak to zrobić od strony back-endu

Pomóżcie ;-)

1 odpowiedź

0 głosów
odpowiedź 16 stycznia 2016 przez Czort Nałogowiec (32,500 p.)
To pokaż co masz zrobione.
komentarz 16 stycznia 2016 przez Jakub98 Nowicjusz (200 p.)

Ma wysuwać się div boczny po wcisnięciu przycisku tak jak na stronie http://get.tech/

komentarz 16 stycznia 2016 przez Czort Nałogowiec (32,500 p.)
No a co do tego ma back-end?

Wystarczy, że sobie klikniesz na zbadaj element na tej stronie i widać jak jest to menu zbudowane - część nawigacyjna ma pozycję right:-300px; część z treścią left:0; - po kliknięciu przycisku zmieniasz nawigację na right:0; a treść na left:-300; plus animacja w css. Ot cała filozofia.
komentarz 16 stycznia 2016 przez Jakub98 Nowicjusz (200 p.)

w tej metodzie co mi podałeś reszta strony nie przesuwa się na lewo, tylko pasek boczny zasłania stronę tak jak na poniższym obrazku

komentarz 16 stycznia 2016 przez Czort Nałogowiec (32,500 p.)
Bo coś źle zrobiłeś. "Reszta strony" musi też zmienić pozycję na left:-300px;
komentarz 16 stycznia 2016 przez Czort Nałogowiec (32,500 p.)
Zakładam, że nie dodałeś position:relative;

Proponuję zapoznać się z podstawami pozycjonowania elementów https://css-tricks.com/almanac/properties/p/position/
komentarz 16 stycznia 2016 przez Jakub98 Nowicjusz (200 p.)
dodałem position relative ten obrazek jest juz po kliknięciu

tylko nie dalem -3oopx reszcie strony

Podobne pytania

+1 głos
1 odpowiedź 166 wizyt
pytanie zadane 17 stycznia 2016 w JavaScript przez Jakub98 Nowicjusz (200 p.)
0 głosów
1 odpowiedź 267 wizyt
pytanie zadane 29 stycznia 2019 w JavaScript przez cyrus33 Użytkownik (680 p.)
0 głosów
2 odpowiedzi 2,504 wizyt
pytanie zadane 5 grudnia 2015 w HTML i CSS przez BlackCat_ Początkujący (310 p.)

92,539 zapytań

141,382 odpowiedzi

319,476 komentarzy

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

...