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

Automatyczne przewijanie + sticky nav = brak precyzji w przewijaniu. Czy idzie to naprawić?

Object Storage Arubacloud
0 głosów
208 wizyt
pytanie zadane 23 listopada 2016 w HTML i CSS przez mia Nowicjusz (140 p.)
Witam serdecznie !

Jestem w trakcie budowania strony, na której wykorzystuje jednocześnie automatyczne przewijanie strony po kliknięciu odnośnika oraz tzw. sticky nav. Problem polega na tym, że przewijanie nie uwzględnia tego przyklejonego menu i w konsekwencji przewija mnie o wysokość menu za daleko.

Czy idzie zrobić tak, żeby przewinięcie przenosiło mnie o 55px (wysokość menu) wyżej od wskazanego miejsca? Czy może istnieje inne rozwiązanie tego problemu?
komentarz 23 listopada 2016 przez Olaf Siwiński Mądrala (7,060 p.)
Myślę, że łatwiej byłoby Ci pomóc widząc kod strony
komentarz 24 listopada 2016 przez mia Nowicjusz (140 p.)
var stickyNav = function(){
			var ScrollY = $(window).scrollTop();
		  
			if (ScrollY > NavY) { 
				$('nav').addClass('sticky');
			} else {
				$('nav').removeClass('sticky'); 
			}
		};
	 
		stickyNav();
	 
		$(window).scroll(function() {
			stickyNav();
		});
	
nav
{
	width:100%;
	background-color:#262626;
	text-align:center;
	padding:10px 0;
	height:35px;
}

nav ol
{
	padding:0;
	margin:0;
	list-style-type:none;
	font-size:18px;
	height:30px;
	line-height:200%;
	display:inline-block;
}
.sticky
{
	width:100%;
	position: fixed;
	left:0;
	top:0;
	z-index:100;
}

 

No proszę bardzo. 

Sticky nav przesłania mi automatyczne przewijanie w prawidłowe miejsce o to 55px (nav).

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

0 głosów
1 odpowiedź 185 wizyt
0 głosów
0 odpowiedzi 135 wizyt
pytanie zadane 15 maja 2019 w HTML i CSS przez Rozukee Początkujący (300 p.)
0 głosów
0 odpowiedzi 463 wizyt

92,555 zapytań

141,403 odpowiedzi

319,557 komentarzy

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

...