• 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ć?

Mały hosting, OGROMNE możliwości
0 głosów
344 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ź 316 wizyt
0 głosów
0 odpowiedzi 239 wizyt
pytanie zadane 15 maja 2019 w HTML i CSS przez Rozukee Początkujący (300 p.)
0 głosów
0 odpowiedzi 566 wizyt

93,715 zapytań

142,629 odpowiedzi

323,260 komentarzy

63,258 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

Twierdza Linux. Bezpieczeństwo dla dociekliwych

Aby uzyskać rabat -10%, użyjcie kodu pasja-linux, wpisując go w specjalne pole w koszyku.

...