Добавить убрать класс при прокрутке на чистом JS
Как добавить убрать класс при прокрутке к блоку на чистом JS или появление и исчезновение блока при прокрутке на чистом jаvascript
Все что нужно сделать это добавить к нужному блоку клас - "backToTop"
И сам скрипт:
<script>
/* Для фиксации меню при скроле вниз */
window.addEventListener('DOMContentLoaded', function() {
const scrollUpButton = document.querySelector('.backToTop');
if (scrollUpButton) {
scrollUpButton.addEventListener('click', function name() {
window.scrollTo({
top: 0,
behavior: 'smooth',
});
});
window.addEventListener('scroll', function() {
const scrolled = window.pageYOffset || document.documentElement.scrollTop;
if (scrolled >= 800) {
scrollUpButton.classList.add('backToTop_visible');
} else {
scrollUpButton.classList.remove('backToTop_visible');
}
});
}
});
</script>
Как сделать добавление класа на джиквери - смотри здесь