Разрешение конфликтов Javascript [закрыто]Javascript

Форум по Javascript
Ответить
Anonymous
 Разрешение конфликтов Javascript [закрыто]

Сообщение Anonymous »

На моей веб-странице есть следующие фрагменты кода 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Javascript»