😎 » DARYA DLE » Скрипты » Додати прибрати клас при прокручуванні на чистому JS
1 192 0  

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

Як додати прибрати клас при прокручуванні до блоку на чистому JS або поява та зникнення блоку при прокручуванні вниз на чистому jаvascript. Також цей скрипт можна використовувати для фіксації Хедера.

winked Все, що потрібно зробити це додати до потрібного блоку клас - "header"


І сам скрипт:

function fixedHed() {
	let scrollpos = window.scrollY

	const header = document.querySelector(".header")
	const scrollChange = 1

	const add_class_on_scroll = () => header.classList.add("bg-red")
	const remove_class_on_scroll = () => header.classList.remove("bg-red")

	window.addEventListener('scroll', function() { 
	scrollpos = window.scrollY;

	if (scrollpos >= scrollChange) { add_class_on_scroll() }
	else { remove_class_on_scroll() }  
	})
};
function fixedHed();


Як зробити додавання класу на джіквері - дивитись тут


Залишити свій коментар:

Досвід у веброзробці:

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