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

Pomoc przy wyświetlaniu mobilnego menu

0 głosów
37 wizyt
pytanie zadane 17 kwietnia w HTML i CSS przez P0Y3B Nowicjusz (120 p.)
edycja 17 kwietnia przez P0Y3B
		<ul id="mobileNav">
			<li><a href="#"><i class="fa fa-newspaper-o"></i></a></li>
			<li><a href="#"><i class="fa fa-search"></i></a></li>
			<li><a href="#" id="navActive"><i class="fa fa-navicon"></i></a></li>
		</ul>

	<div id="elMobileDrawer" class="myBB_drawer ipsHide" style="z-index: 5300;display: block;" animating="false">
		<a href="#" class="myBB_drawer_close" data-action="close" style="display: block;"><span>×</span></a>
			<div class="myBB_drawer_menu">
				<div class="myBB_drawer_content">			
				<ul class="myBB_drawer_list">
					<li><a href="#">Bany</a></li>
					<li><a href="#">Leaderboard</a></li>
				</ul>
			</div>
		</div>
	</div>

Standardowo <div class="myBB_drawer"> jest ukryty, i w jaki najlepszy sposób nadać mu odpowiednie style po kliknięciu w ikonkę nawigacji tj. <li><a href="#" id="navActive"><i class="fa fa-navicon"></i></a></li>

 

Style które na pewno bd musiał użyć to display:block; z-index: xxxxx; jakaś propozycja ?

 

coś na takiej zasadzie, https://codepen.io/vperl/pen/NYmJaK?page=1& próbowałem to jakoś pogodzić ze sobą lecz nie udaje Mi się to zbytnio 

1 odpowiedź

0 głosów
odpowiedź 17 kwietnia przez pablop76 Nałogowiec (42,220 p.)

Style które na pewno bd musiał użyć to display:block;

Niekoniecznie. Użyj ujemnego  left lub right w zależności gdzie ustawisz menu(działa z pozycjonowaniem innym niż static). A potem przełączaj (np: jquery toggleClass) klasę, która będzie transformować(pokazywać i ukrywać) obiekt menu (transform: translateX() ).

transition doda animacje.

komentarz 17 kwietnia przez P0Y3B Nowicjusz (120 p.)
Czy mógł byś Mi napisać jakiś jq do tego ?
komentarz 17 kwietnia przez pablop76 Nałogowiec (42,220 p.)
W linku, który podałeś jest to co potrzebujesz. Jquery w oknie JS
komentarz 17 kwietnia przez P0Y3B Nowicjusz (120 p.)

To jest kod który zmienia położenie ikonki z lewej na prawą stronę

komentarz 17 kwietnia przez pablop76 Nałogowiec (42,220 p.)
Fakt. Samo menu jest bez js. Użyto input type:chacbox

Podobne pytania

0 głosów
1 odpowiedź 68 wizyt
pytanie zadane 2 stycznia w HTML i CSS przez Artek Mądrala (5,510 p.)
0 głosów
1 odpowiedź 77 wizyt
pytanie zadane 22 czerwca 2017 w HTML i CSS przez ethern Nowicjusz (150 p.)
+1 głos
1 odpowiedź 66 wizyt
pytanie zadane 19 czerwca 2016 w HTML i CSS przez PieroQQ Początkujący (420 p.)
Porady nie od parady
Nie wiesz jak poprawnie zredagować pytanie lub pragniesz poznać którąś z funkcji forum? Odwiedź podstronę Pomoc (FAQ) dostępną w menu pod ikoną apteczki.
Ciekawy innych porad? Odwiedź tę stronę!

48,556 zapytań

90,186 odpowiedzi

181,559 komentarzy

23,506 pasjonatów

Przeglądających: 184
Pasjonatów: 11 Gości: 173

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...