Не работает скрипт JS.Помогите!
У меня не работает скрипт JS(я новичок) Вот у меня скрипт JS
window.onscroll - function ShowHeader() {
var header = document.querySelector('.nav')
if (window.pageYOffset > 200) {
header.classList.add('fixed')
} else {
header.classList.remove('fixed')
}
}
Он должен фиксировать меню после прокрутки 200 пикселей но оно не работает
Вот index.html
<head>
<title>Werex - интернет-магазин</title>
<link rel="shortcut icon" href="..\Assets\Images\WerexLogo.jpg">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div>
<br />
<p class="logo">
<img src="..\Assets\Images\WerexLogo.jpg" width="100" />
<h3 class="logotext"><em>Интернет-магазин Werex</em></h3>
<header class="fixed">
</header>
<p class="nav">
<nav class="two nav">
<ul>
<li><a href="#Glav">Главная страница</a></li>
<li><a href="">Електроника</a></li>
<li><a href="">Канцтовары</a></li>
<li><a href="">Бытовые вещи</a></li>
<li><a href="">Отдых</a></li>
<li><a href="">Другое</a></li>
<li><a href="">Помощь</a></li>
</ul>
</nav>
</p>
</p>
<h1 class="glavtext" id="Glav">Главная страница</h1>
</div>
<script src="main.js"></script>
</body>