На моей веб-странице есть следующие фрагменты кода JavaScript. Один для закрепления верхнего меню, а другой для ссылки «Прокрутка вверх».
При совместном использовании один из них не работает. Может кто-нибудь подсказать мне, что не так с кодом.
Код прикрепленного меню:
window.onscroll = function() {
myFunction()
};
var navbar = document.getElementById("navbar");
var sticky = navbar.offsetTop;
function myFunction() {
if (window.scrollY >= sticky) {
navbar.classList.add("sticky")
} else {
navbar.classList.remove("sticky");
}
}
Прокрутите код до начала:
let mybutton = document.getElementById("btn-back-to-top");
window.onscroll = function() {
scrollFunction();
};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
}
mybutton.addEventListener("click", backToTop);
function backToTop() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
Подробнее здесь: https://stackoverflow.com/questions/798 ... resolution
