Главная » DARYA DLE » Скрипты » Добавить убрать класс при прокрутке на чистом JS
7 0  

Добавить убрать класс при прокрутке на чистом JS

Как добавить убрать класс при прокрутке к блоку на чистом JS или появление и исчезновение блока при прокрутке на чистом jаvascript

winked Все что нужно сделать это добавить к нужному блоку клас - "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>


Как сделать добавление класа на джиквери - смотри здесь


Оставить свой комментарий:

Опыт в веб разработке:

2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
1979
2020