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

belka nawigacyjna się chowa przy przewijaniu o co chodzi

Aruba Cloud - Virtual Private Server VPS
0 głosów
249 wizyt
pytanie zadane 30 lipca 2022 w HTML i CSS przez kuras Początkujący (410 p.)
body
{
	background-color: #303030;
	color: #ffffff;
	font-family: 'Lato', sans-serif;
	font-size: 20px;
    margin: 0 !important;
}

.wrapper
{
	width: 100%;
}

.header
{
	width: 100%;
	padding: 40px 0;

}

.logo
{
	width: 450px;
	font-size: 48px;
	margin-left: auto;
    margin-right: auto;
}

.nav
{
	width: 100%;
	padding: 10px 0;
	background-color: #c34f4f;
	text-align: center;
	border-top: 1px solid #751b1b;
	border-bottom: 1px solid #751b1b;
	
}

.content
{
	
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	padding-top: 10px;
}

.socials
{
	
	width: 100%;
	text-align: center;
	background-color: #292929;
}

.socialdivs
{
	
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.fb
{
	width: 250px;
	height: 155px;
	float:left;
}
.fb:hover
{
background-color: #4668b3;
}

.yt
{
	width: 250px;
	height: 155px;
	float:left;
}

.yt:hover

{
background-color: #d94348;
}

.tw
{
	width: 250px;
	height: 155px;
	float:left;
}
.tw:hover
{
background-color: #3095d3;
}


.gplus
{
	width: 250px;
	height: 155px;
	float:left;
}
.gplus:hover
{
background-color: #d95333;
}

.footer
{
	
	text-align: center;
	background-color: #222222;
	padding: 30px;
}
.sticky

{
	
	with: 100%;
	position: fixed;
	left:0;
	top:0;
	z-index: 100;
}

ol
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 18px;
	height: 35px;
	line-height: 200%;
	display: inline-block;
}
ol a
{
	
   	text-decoration: none;
	color:#ffffff ;
	display: block;
	
}

ol > li
{
	
	float: left;
	width: 150px;
	height: 40px;
	border-right: 1px dashed #751b1b;
}

ol > li:first child
{
	border-left: 1px dashed #751b1b;
}

ol > li:hover
{
	background-color: #cf6969;
}

ol >li:hover > a
{
	color: #451717;
}

ol > li > ul
{
list-style-type: none;
padding:0;
margin:0;
height:40px;
display:none;
}
ol > li:hover > ul
{
display:block;
}

ol > li > ul > li
{
background-color: #cf6969;
position: relative;
z-index:100;
border-top: 1px dashed #751b1b;
}

ol > li > ul > li:hover
{
	background-color: #c34f4f;
}

ol > li > ul > li:hover > a
{
	color: #451717;
}

Mógłbym poprosić o wskazówki dlaczego nie dziala sticky 

<!DOCTYPE HTML>
<html lang="pl">
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	
	<title>PierwszaStrona</title>
 
	<link href="style.css" rel="stylesheet" type="text/css" />
	
	<link href="http://fonts.googleapis.com/css?family=Lato:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css">
	
	<link href="css/fontello.css" rel="stylesheet" type="text/css" />
	
</head>

<body>
	
<div class="wrapper">
<div class="header">
	
<div class="logo">
	<img src="pad.png" alt= "" style="float:left">
	<span style="color: #c34f4f">moja</span> strona
	<div style="clear:both;"></div>
	</div>
	</div>
	<div class="nav">
	<ol>
		<li><a href="#">Strona główna</a></li>
		<li><a href="#">Strona1</a>
		<ul>
		<li><a href="#">Pierwsza</a></li>
		<li><a href="#">Druga</a></li>
		<li><a href="#">Trzecia</a></li>
		<li><a href="#">Czwarta</a></li>
		  </ul>
		</li>
		<li><a href="#">Strona2</a></li>
		<li><a href="#">Strona3</a></li>
		<li><a href="#">Strona4</a></li>
		<li><a href="#">O autorze&nbsp;</a></li>
		</ol>
	
	</div>
	
	<div class="content">
	droga wewnętrzna – drogę w rozumieniu art. 8 ust. 1 ustawy z dnia 21 marca 1985 r. o drogach publicznych;

2) droga twarda – drogę z jezdnią o nawierzchni bitumicznej, betonowej, kostkowej, klinkierowej lub brukowcowej oraz z płyt betonowych lub kamienno-

-betonowych, jeżeli długość nawierzchni przekracza 20 m; inne drogi są drogami gruntowymi;

3) autostrada – drogę dwujezdniową, oznaczoną odpowiednimi znakami drogowymi, na której nie dopuszcza się ruchu poprzecznego, przeznaczoną tylko do ruchu pojazdów samochodowych, z wyłączeniem czterokołowca, które na równej, poziomej jezdni mogą rozwinąć prędkość co najmniej 40 km/h, w tym również w razie ciągnięcia przyczep;

4) droga ekspresowa – drogę dwu- lub jednojezdniową, oznaczoną odpowiednimi znakami drogowymi, na której skrzyżowania występują wyjątkowo, przeznaczoną tylko do ruchu pojazdów samochodowych, z wyłączeniem czterokołowca;

5) droga dla rowerów – drogę lub jej część przeznaczoną do ruchu rowerów, oznaczoną odpowiednimi znakami drogowymi; droga dla rowerów jest oddzielona od innych dróg lub jezdni tej samej drogi konstrukcyjnie lub za pomocą urządzeń bezpieczeństwa ruchu drogowego; 5a) pas ruchu dla rowerów – część jezdni przeznaczoną do ruchu rowerów w jednym kierunku, oznaczoną odpowiednimi znakami drogowymi; 5b) śluza dla rowerów – część jezdni na wlocie skrzyżowania na całej szerokości jezdni lub wybranego pasa ruchu przeznaczona do zatrzymania rowerów w celu zmiany kierunku jazdy lub ustąpienia pierwszeństwa, oznaczona odpowiednimi znakami drogowymi;

6) jezdnia – część drogi przeznaczoną do ruchu pojazdów; określenie to nie dotyczy torowisk wydzielonych z jezdni;

7) pas ruchu – każdy z podłużnych pasów jezdni wystarczający do ruchu jednego rzędu pojazdów wielośladowych, oznaczony lub nieoznaczony znakami drogowymi;

8) pobocze – część drogi przyległą do jezdni, która może być przeznaczona do ruchu pieszych lub niektórych pojazdów, postoju pojazdów, jazdy wierzchem lub pędzenia zwierząt;

2022-05-30 ©Kancelaria Sejmu

s. 4/317

9) chodnik – część drogi przeznaczoną do ruchu pieszych;

10) skrzyżowanie – przecięcie się w jednym poziomie dróg mających jezdnię, ich połączenie lub rozwidlenie, łącznie z powierzchniami utworzonymi przez takie przecięcia, połączenia lub rozwidlenia; określenie to nie dotyczy przecięcia, połączenia lub rozwidlenia drogi twardej z drogą gruntową, z drogą stanowiącą dojazd do obiektu znajdującego się przy drodze lub z drogą wewnętrzną; 10a) szkoda istotna – szkodę w zakresie elementów układu nośnego, hamulcowego lub kierowniczego pojazdu mającą wpływ na bezpieczeństwo ruchu drogowego, kwalifikującą pojazd do dodatkowego badania technicznego i stwierdzoną przez Ubezpieczeniowy Fundusz Gwarancyjny lub przez zakład ubezpieczeń w związku z otrzymanym zgłoszeniem szkody z tytułu zawartej umowy ubezpieczenia, o którym mowa w dziale II w grupach 3 i 10 załącznika do ustawy z dnia 11 września 2015 r. o działalności ubezpieczeniowej i reasekuracyjnej (Dz. U. z 2021 r. poz. 1130, 2140 i 2328 oraz z 2022 r. poz.

655);

11) przejście dla pieszych – powierzchnię jezdni, drogi dla rowerów lub torowiska przeznaczoną do przechodzenia przez pieszych, oznaczoną odpowiednimi znakami drogowymi;

12) przejazd dla rowerzystów – powierzchnię jezdni lub torowiska przeznaczoną do przejeżdżania przez rowerzystów, oznaczoną odpowiednimi znakami drogowymi;

13) przystanek – miejsce zatrzymywania się pojazdów transportu publicznego, oznaczone odpowiednimi znakami drogowymi;

14) tunel – budowlę na drodze, oznaczoną odpowiednimi znakami drogowymi;

15) obszar zabudowany – obszar oznaczony odpowiednimi znakami drogowymi;

16) strefa zamieszkania – obszar obejmujący drogi publiczne lub inne drogi, na którym obowiązują szczególne zasady ruchu drogowego, a wjazdy i wyjazdy oznaczone są odpowiednimi znakami drogowymi; 16a) strefa ruchu – obszar obejmujący co najmniej jedną drogę wewnętrzną, na który wjazdy i wyjazdy oznaczone są odpowiednimi znakami drogowymi;

17) uczestnik ruchu – pieszego, osobę poruszającą się przy użyciu urządzenia wspomagającego ruch, kierującego, a także inne osoby przebywające w pojeździe lub na pojeździe znajdującym się na drodze;

2022-05-30 ©Kancelaria Sejmu

s. 5/317

18) pieszy – osobę znajdującą się poza pojazdem na drodze i niewykonującą na niej robót lub czynności przewidzianych odrębnymi przepisami; za pieszego uważa się również osobę prowadzącą, ciągnącą lub pchającą rower, motorower, motocykl, hulajnogę elektryczną, urządzenie transportu osobistego, urządzenie wspomagające ruch, wózek dziecięcy, podręczny lub inwalidzki, osobę poruszającą się w wózku inwalidzkim, a także dziecko w wieku do 10 lat kierujące rowerem pod opieką osoby dorosłej; 18a) urządzenie wspomagające ruch – urządzenie lub sprzęt sportowo-rekreacyjny, przeznaczone do poruszania się osoby w pozycji stojącej, napędzane siłą mięśni;

19) kolumna pieszych – zorganizowaną grupę pieszych prowadzoną przez kierownika lub dowódcę;

20) kierujący – osobę, która kieruje pojazdem lub zespołem pojazdów, a także osobę, która prowadzi kolumnę pieszych, jedzie wierzchem albo pędzi zwierzęta pojedynczo lub w stadzie;

21) kierowca – osobę uprawnioną do kierowania pojazdem silnikowym lub motorowerem; 21a) profil kandydata na kierowcę – profil kandydata na kierowcę w rozumieniu art. 2 pkt 3 ustawy z dnia 5 stycznia 2011 r. o kierujących pojazdami (Dz. U. z 2021 r. poz. 1212, 1997, 2269, 2328 i 2490 oraz z 2022 r. poz. 655); 21b) profil kierowcy zawodowego – profil kierowcy zawodowego w rozumieniu art.

2 pkt 4 ustawy z dnia 5 stycznia 2011 r. o kierujących pojazdami;

22) szczególna ostrożność – ostrożność polegającą na zwiększeniu uwagi i dostosowaniu zachowania uczestnika ruchu do warunków i sytuacji zmieniających się na drodze, w stopniu umożliwiającym odpowiednio szybkie reagowanie;

23) ustąpienie pierwszeństwa – powstrzymanie się od ruchu, jeżeli ruch mógłby zmusić kierującego do zmiany kierunku lub pasa ruchu albo istotnej zmiany prędkości, pieszego – do zatrzymania się, zwolnienia lub przyspieszenia kroku, a osobę poruszającą się przy użyciu urządzenia wspomagającego ruch – do zatrzymania się, zmiany kierunku albo istotnej zmiany prędkości;

24) ruch kierowany – ruch otwierany i zamykany za pomocą sygnalizacji świetlnej albo przez uprawnioną osobę;
	</div>
	<div class="socials">
	   <div class="socialdivs">
		   <div class="fb"><i class="icon-facebook-1" ></i></div>
		   <div class="yt"><i class="icon-youtube"></i></div>
		   <div class="tw"><i class="icon-twitter-1"></i></div>
		   <div class="gplus"><i class="icon-gplus"></i></div>
		   <div style="clear:both"></div>
		</div>
	 </div>
	<div class="footer">moja strona &copy; 2022</div>
	</div>
	
	
	<script src="jguery-1.11.3.min.js" ></script>
	

	<script>

       <script src="jquery-1.11.3.min.js"></script>
	
<script>

	$(document).ready(function() {
	var NavY = $('.nav').offset().top;
	 
	var stickyNav = function(){
	var ScrollY = $(window).scrollTop();
		  
	if (ScrollY > NavY) { 
		$('.nav').addClass('sticky');
	} else {
		$('.nav').removeClass('sticky'); 
	}
	};
	 
	stickyNav();
	 
	$(window).scroll(function() {
		stickyNav();
	

	

	});

	});

	

</script>
</body>
</html>

dlaczego jak przewijam stronę w dół chowa się belka nawigacyjna

1 odpowiedź

+2 głosów
odpowiedź 30 lipca 2022 przez VBService Ekspert (256,600 p.)
wybrane 30 lipca 2022 przez kuras
 
Najlepsza

W linii 123 masz link do jquery i 128 masz link do jquery zdublowany.

W linii 126 masz "otwarty" tag <script>

<!DOCTYPE HTML>
<html lang="pl">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
     
    <title>PierwszaStrona</title>
  
    <link href="style.css" rel="stylesheet" type="text/css" />
     
    <link href="http://fonts.googleapis.com/css?family=Lato:400,700&subset=latin,latin-ext" rel="stylesheet" type="text/css">
     
    <link href="css/fontello.css" rel="stylesheet" type="text/css" />
     
</head>
 
<body>
     
<div class="wrapper">
<div class="header">
     
<div class="logo">
    <img src="pad.png" alt= "" style="float:left">
    <span style="color: #c34f4f">moja</span> strona
    <div style="clear:both;"></div>
    </div>
    </div>
    <div class="nav">
    <ol>
        <li><a href="#">Strona główna</a></li>
        <li><a href="#">Strona1</a>
        <ul>
        <li><a href="#">Pierwsza</a></li>
        <li><a href="#">Druga</a></li>
        <li><a href="#">Trzecia</a></li>
        <li><a href="#">Czwarta</a></li>
          </ul>
        </li>
        <li><a href="#">Strona2</a></li>
        <li><a href="#">Strona3</a></li>
        <li><a href="#">Strona4</a></li>
        <li><a href="#">O autorze&nbsp;</a></li>
        </ol>
     
    </div>
     
    <div class="content">
    droga wewnętrzna – drogę w rozumieniu art. 8 ust. 1 ustawy z dnia 21 marca 1985 r. o drogach publicznych;
 
2) droga twarda – drogę z jezdnią o nawierzchni bitumicznej, betonowej, kostkowej, klinkierowej lub brukowcowej oraz z płyt betonowych lub kamienno-
 
-betonowych, jeżeli długość nawierzchni przekracza 20 m; inne drogi są drogami gruntowymi;
 
3) autostrada – drogę dwujezdniową, oznaczoną odpowiednimi znakami drogowymi, na której nie dopuszcza się ruchu poprzecznego, przeznaczoną tylko do ruchu pojazdów samochodowych, z wyłączeniem czterokołowca, które na równej, poziomej jezdni mogą rozwinąć prędkość co najmniej 40 km/h, w tym również w razie ciągnięcia przyczep;
 
4) droga ekspresowa – drogę dwu- lub jednojezdniową, oznaczoną odpowiednimi znakami drogowymi, na której skrzyżowania występują wyjątkowo, przeznaczoną tylko do ruchu pojazdów samochodowych, z wyłączeniem czterokołowca;
 
5) droga dla rowerów – drogę lub jej część przeznaczoną do ruchu rowerów, oznaczoną odpowiednimi znakami drogowymi; droga dla rowerów jest oddzielona od innych dróg lub jezdni tej samej drogi konstrukcyjnie lub za pomocą urządzeń bezpieczeństwa ruchu drogowego; 5a) pas ruchu dla rowerów – część jezdni przeznaczoną do ruchu rowerów w jednym kierunku, oznaczoną odpowiednimi znakami drogowymi; 5b) śluza dla rowerów – część jezdni na wlocie skrzyżowania na całej szerokości jezdni lub wybranego pasa ruchu przeznaczona do zatrzymania rowerów w celu zmiany kierunku jazdy lub ustąpienia pierwszeństwa, oznaczona odpowiednimi znakami drogowymi;
 
6) jezdnia – część drogi przeznaczoną do ruchu pojazdów; określenie to nie dotyczy torowisk wydzielonych z jezdni;
 
7) pas ruchu – każdy z podłużnych pasów jezdni wystarczający do ruchu jednego rzędu pojazdów wielośladowych, oznaczony lub nieoznaczony znakami drogowymi;
 
8) pobocze – część drogi przyległą do jezdni, która może być przeznaczona do ruchu pieszych lub niektórych pojazdów, postoju pojazdów, jazdy wierzchem lub pędzenia zwierząt;
 
2022-05-30 ©Kancelaria Sejmu
 
s. 4/317
 
9) chodnik – część drogi przeznaczoną do ruchu pieszych;
 
10) skrzyżowanie – przecięcie się w jednym poziomie dróg mających jezdnię, ich połączenie lub rozwidlenie, łącznie z powierzchniami utworzonymi przez takie przecięcia, połączenia lub rozwidlenia; określenie to nie dotyczy przecięcia, połączenia lub rozwidlenia drogi twardej z drogą gruntową, z drogą stanowiącą dojazd do obiektu znajdującego się przy drodze lub z drogą wewnętrzną; 10a) szkoda istotna – szkodę w zakresie elementów układu nośnego, hamulcowego lub kierowniczego pojazdu mającą wpływ na bezpieczeństwo ruchu drogowego, kwalifikującą pojazd do dodatkowego badania technicznego i stwierdzoną przez Ubezpieczeniowy Fundusz Gwarancyjny lub przez zakład ubezpieczeń w związku z otrzymanym zgłoszeniem szkody z tytułu zawartej umowy ubezpieczenia, o którym mowa w dziale II w grupach 3 i 10 załącznika do ustawy z dnia 11 września 2015 r. o działalności ubezpieczeniowej i reasekuracyjnej (Dz. U. z 2021 r. poz. 1130, 2140 i 2328 oraz z 2022 r. poz.
 
655);
 
11) przejście dla pieszych – powierzchnię jezdni, drogi dla rowerów lub torowiska przeznaczoną do przechodzenia przez pieszych, oznaczoną odpowiednimi znakami drogowymi;
 
12) przejazd dla rowerzystów – powierzchnię jezdni lub torowiska przeznaczoną do przejeżdżania przez rowerzystów, oznaczoną odpowiednimi znakami drogowymi;
 
13) przystanek – miejsce zatrzymywania się pojazdów transportu publicznego, oznaczone odpowiednimi znakami drogowymi;
 
14) tunel – budowlę na drodze, oznaczoną odpowiednimi znakami drogowymi;
 
15) obszar zabudowany – obszar oznaczony odpowiednimi znakami drogowymi;
 
16) strefa zamieszkania – obszar obejmujący drogi publiczne lub inne drogi, na którym obowiązują szczególne zasady ruchu drogowego, a wjazdy i wyjazdy oznaczone są odpowiednimi znakami drogowymi; 16a) strefa ruchu – obszar obejmujący co najmniej jedną drogę wewnętrzną, na który wjazdy i wyjazdy oznaczone są odpowiednimi znakami drogowymi;
 
17) uczestnik ruchu – pieszego, osobę poruszającą się przy użyciu urządzenia wspomagającego ruch, kierującego, a także inne osoby przebywające w pojeździe lub na pojeździe znajdującym się na drodze;
 
2022-05-30 ©Kancelaria Sejmu
 
s. 5/317
 
18) pieszy – osobę znajdującą się poza pojazdem na drodze i niewykonującą na niej robót lub czynności przewidzianych odrębnymi przepisami; za pieszego uważa się również osobę prowadzącą, ciągnącą lub pchającą rower, motorower, motocykl, hulajnogę elektryczną, urządzenie transportu osobistego, urządzenie wspomagające ruch, wózek dziecięcy, podręczny lub inwalidzki, osobę poruszającą się w wózku inwalidzkim, a także dziecko w wieku do 10 lat kierujące rowerem pod opieką osoby dorosłej; 18a) urządzenie wspomagające ruch – urządzenie lub sprzęt sportowo-rekreacyjny, przeznaczone do poruszania się osoby w pozycji stojącej, napędzane siłą mięśni;
 
19) kolumna pieszych – zorganizowaną grupę pieszych prowadzoną przez kierownika lub dowódcę;
 
20) kierujący – osobę, która kieruje pojazdem lub zespołem pojazdów, a także osobę, która prowadzi kolumnę pieszych, jedzie wierzchem albo pędzi zwierzęta pojedynczo lub w stadzie;
 
21) kierowca – osobę uprawnioną do kierowania pojazdem silnikowym lub motorowerem; 21a) profil kandydata na kierowcę – profil kandydata na kierowcę w rozumieniu art. 2 pkt 3 ustawy z dnia 5 stycznia 2011 r. o kierujących pojazdami (Dz. U. z 2021 r. poz. 1212, 1997, 2269, 2328 i 2490 oraz z 2022 r. poz. 655); 21b) profil kierowcy zawodowego – profil kierowcy zawodowego w rozumieniu art.
 
2 pkt 4 ustawy z dnia 5 stycznia 2011 r. o kierujących pojazdami;
 
22) szczególna ostrożność – ostrożność polegającą na zwiększeniu uwagi i dostosowaniu zachowania uczestnika ruchu do warunków i sytuacji zmieniających się na drodze, w stopniu umożliwiającym odpowiednio szybkie reagowanie;
 
23) ustąpienie pierwszeństwa – powstrzymanie się od ruchu, jeżeli ruch mógłby zmusić kierującego do zmiany kierunku lub pasa ruchu albo istotnej zmiany prędkości, pieszego – do zatrzymania się, zwolnienia lub przyspieszenia kroku, a osobę poruszającą się przy użyciu urządzenia wspomagającego ruch – do zatrzymania się, zmiany kierunku albo istotnej zmiany prędkości;
 
24) ruch kierowany – ruch otwierany i zamykany za pomocą sygnalizacji świetlnej albo przez uprawnioną osobę;
    </div>
    <div class="socials">
       <div class="socialdivs">
           <div class="fb"><i class="icon-facebook-1" ></i></div>
           <div class="yt"><i class="icon-youtube"></i></div>
           <div class="tw"><i class="icon-twitter-1"></i></div>
           <div class="gplus"><i class="icon-gplus"></i></div>
           <div style="clear:both"></div>
        </div>
     </div>
    <div class="footer">moja strona &copy; 2022</div>
    </div>
     
     
    <script src="jguery-1.11.3.min.js" ></script>
     
 
    <script>
 
       <script src="jquery-1.11.3.min.js"></script>
     
<script>
 
    $(document).ready(function() {
    var NavY = $('.nav').offset().top;
      
    var stickyNav = function(){
    var ScrollY = $(window).scrollTop();
           
    if (ScrollY > NavY) { 
        $('.nav').addClass('sticky');
    } else {
        $('.nav').removeClass('sticky'); 
    }
    };
      
    stickyNav();
      
    $(window).scroll(function() {
        stickyNav();
     
 
     
 
    });
 
    });
 
     
 
</script>
</body>
</html>

 

proponuję używać nowszej wersji jquery

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

 

linia 125 literówka with => width

body
{
    background-color: #303030;
    color: #ffffff;
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    margin: 0 !important;
}
 
.wrapper
{
    width: 100%;
}
 
.header
{
    width: 100%;
    padding: 40px 0;
 
}
 
.logo
{
    width: 450px;
    font-size: 48px;
    margin-left: auto;
    margin-right: auto;
}
 
.nav
{
    width: 100%;
    padding: 10px 0;
    background-color: #c34f4f;
    text-align: center;
    border-top: 1px solid #751b1b;
    border-bottom: 1px solid #751b1b;
     
}
 
.content
{
     
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
    padding-top: 10px;
}
 
.socials
{
     
    width: 100%;
    text-align: center;
    background-color: #292929;
}
 
.socialdivs
{
     
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
 
.fb
{
    width: 250px;
    height: 155px;
    float:left;
}
.fb:hover
{
background-color: #4668b3;
}
 
.yt
{
    width: 250px;
    height: 155px;
    float:left;
}
 
.yt:hover
 
{
background-color: #d94348;
}
 
.tw
{
    width: 250px;
    height: 155px;
    float:left;
}
.tw:hover
{
background-color: #3095d3;
}
 
 
.gplus
{
    width: 250px;
    height: 155px;
    float:left;
}
.gplus:hover
{
background-color: #d95333;
}
 
.footer
{
     
    text-align: center;
    background-color: #222222;
    padding: 30px;
}
.sticky
 
{
     
    with: 100%;
    position: fixed;
    left:0;
    top:0;
    z-index: 100;
}
 
ol
{
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-size: 18px;
    height: 35px;
    line-height: 200%;
    display: inline-block;
}
ol a
{
     
    text-decoration: none;
    color:#ffffff ;
    display: block;
     
}
 
ol > li
{
     
    float: left;
    width: 150px;
    height: 40px;
    border-right: 1px dashed #751b1b;
}
 
ol > li:first child
{
    border-left: 1px dashed #751b1b;
}
 
ol > li:hover
{
    background-color: #cf6969;
}
 
ol >li:hover > a
{
    color: #451717;
}
 
ol > li > ul
{
list-style-type: none;
padding:0;
margin:0;
height:40px;
display:none;
}
ol > li:hover > ul
{
display:block;
}
 
ol > li > ul > li
{
background-color: #cf6969;
position: relative;
z-index:100;
border-top: 1px dashed #751b1b;
}
 
ol > li > ul > li:hover
{
    background-color: #c34f4f;
}
 
ol > li > ul > li:hover > a
{
    color: #451717;
}

 

może po prostu zapisz tak

.sticky 
{     
    width: 100%;
    position: sticky; /* zmiana */
    left:0;
    top:0;
    z-index: 100;
}
<div class="nav sticky">  ... </div>

wtedy możesz zrezygnować z tego kodu


    $(document).ready(function() {
        var NavY = $('.nav').offset().top;
       
        var stickyNav = function() {
            var ScrollY = $(window).scrollTop(); 
           
            if (ScrollY > NavY) { 
                $('.nav').addClass('sticky');
           } else {
               $('.nav').removeClass('sticky'); 
           }
       };
       
       stickyNav();
       
       $(window).scroll(function() {
           stickyNav();  
       });  
    });

 

komentarz 30 lipca 2022 przez kuras Początkujący (410 p.)
dziękuję teraz gra

Podobne pytania

0 głosów
2 odpowiedzi 270 wizyt
pytanie zadane 2 lipca 2020 w HTML i CSS przez Shiro Stary wyjadacz (10,300 p.)
0 głosów
2 odpowiedzi 490 wizyt
pytanie zadane 30 września 2015 w HTML i CSS przez Shiro Stary wyjadacz (10,300 p.)
0 głosów
1 odpowiedź 270 wizyt
pytanie zadane 11 maja 2021 w HTML i CSS przez bazyl8796 Obywatel (1,020 p.)

93,327 zapytań

142,323 odpowiedzi

322,396 komentarzy

62,657 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

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...