Не работает скрипт 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>

Ответы (0 шт):