[rankery]

Здравствуйте. Я написал скрипт в html файле, который работал. Позже я решил его перенести в отдельный файл. Я устранил все ошибки, но он не работает. Возможно, я где-то неправильно объявил или обратился.

Вот код, который был в html файле:

<script>
            $(window).scroll(function () {
                "use strict";
                var element = $("#header"), display; 
                var element2 = $("#article").css({borderTopLeftRadius: 0, borderTopRightRadius: 0, borderBottomLeftRadius: 60, borderBottomRightRadius: 60 }); 
                display = $(window).scrollTop() < 200;
                display = element.css('opacity') && element.stop().animate({'opacity': display}, 500);
                
                if ($(window).scrollTop() < 200) {
                    element2.animate({'borderTopLeftRadius': 0, 'borderTopRightRadius': 0}, 200);
                } else {
                    element2.animate({'borderTopLeftRadius': 60, 'borderTopRightRadius': 60}, 200);
                }
            });
        </script>

Вот код, который у меня написан в файле .js:

(window).onscroll = function () {
    'use strict';
    var element = document.getElementById('header').css({opacity: 1}),
        element2 = document.getElementById('article').css({borderTopLeftRadius: 0, borderTopRightRadius: 0, borderBottomLeftRadius: 60, borderBottomRightRadius: 60});
    
    if (window.scrollY() < 200) {
        element.animate({'opacity': 1}, 500);
        element2.animate({'borderTopLeftRadius': 0, 'borderTopRightRadius': 0}, 200);
    } else {
        element.animate({'opacity': 0}, 500);
        element2.animate({'borderTopLeftRadius': 60, 'borderTopRightRadius': 60}, 200);
    }
};

Может кто показать мне мою ошибку? Буду очень благодарен.