Здравствуйте. Я написал скрипт в 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);
}
};
Может кто показать мне мою ошибку? Буду очень благодарен.