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 </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 © 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();
});
});