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

question-closed Problem z menu sticky

VPS Starter Arubacloud
0 głosów
308 wizyt
pytanie zadane 15 stycznia 2018 w HTML i CSS przez SzukającyPrzygód Bywalec (2,310 p.)
zamknięte 17 stycznia 2018 przez SzukającyPrzygód

Witam

Mam ostatnio taki problem z menu sticky a chodzi o samą funkcję sticky wspieraną przez JavaScript , ogólnie menu jest w divie "menu" a ten div jest wypychany przez drugi div "wypychacz" który jest powyżej tego diva "menu" gdzie jest menu i wszystko ładnie gra , div "menu" z menu przykleja się wtedy jak jego górna krawędź spotka się z krawędzią ekranu użytkownika , a kiedy dam w jednostce procentowej wysokość diva "wypychacz" który ma wypychać diva "menu" to przy zmianie wysokości przeglądarki zmienia się wysokość diva "wypychacz" i div "menu' przykleja się do krawędzi ekranu tak jakby div "wypychacz" nie zmienił swojej wysokości przy zmieni wysokości ekranu użytkownika i w czym jest problem , bardzo mi na tym zależy by ten problem wyeliminować laugh

komentarz zamknięcia: uzyskanie odpowiedz
komentarz 16 stycznia 2018 przez pablop76 VIP (123,060 p.)
stickyNav() to funkcja która musi być odpalona gdy wykryty zostanie rezize.
komentarz 16 stycznia 2018 przez pablop76 VIP (123,060 p.)
W twoim kodzie jest odpalana raz gdy wczytano DOM , drugi raz dgy zachodzi scroll, i musisz dołożyć gdy resize
komentarz 16 stycznia 2018 przez SzukającyPrzygód Bywalec (2,310 p.)
A jak to bedzie wyglądało w kodzie JavaScript co podałem ,ten kod co odpowiedzialny jest za sticky , zbytnio nie wiem w jakim momencie mam poprawic ten kod
komentarz 17 stycznia 2018 przez pablop76 VIP (123,060 p.)
	$(document).ready(function() {
	var NavY = $('.menu').offset().top;
	 
	var stickyNav = function(){
	var ScrollY = $(window).scrollTop();
		  
	if (ScrollY > NavY) { 
		$('.menu').addClass('sticky');
	} else {
		$('.menu').removeClass('sticky'); 
	}
	};
	 
	stickyNav();
	 
	$(window).scroll(function() {
		stickyNav();
	});
		$(window).resize(function() {
		NavY = $('.menu').offset().top; //GDY ZACHODZI ZMIANA ROZMIARU ONA USTAWIA NOWA WARTOŚĆ.
	});
	});

 

komentarz 17 stycznia 2018 przez SzukającyPrzygód Bywalec (2,310 p.)

dzieki laugh

1 odpowiedź

0 głosów
odpowiedź 15 stycznia 2018 przez pablop76 VIP (123,060 p.)
W javascript
komentarz 15 stycznia 2018 przez pablop76 VIP (123,060 p.)
Musisz pokazać skrypt

Podobne pytania

0 głosów
2 odpowiedzi 407 wizyt
pytanie zadane 14 marca 2018 w HTML i CSS przez Bembnias Początkujący (450 p.)
0 głosów
0 odpowiedzi 258 wizyt
pytanie zadane 9 kwietnia 2020 w JavaScript przez Whynotslave Początkujący (250 p.)
+1 głos
1 odpowiedź 327 wizyt
pytanie zadane 8 sierpnia 2021 w HTML i CSS przez NA Użytkownik (590 p.)

92,452 zapytań

141,262 odpowiedzi

319,085 komentarzy

61,854 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

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 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!

...