Как сделать добавление и удаление классов?

Question

Арман Дендибаев @DENDIBAEV

Тыжпрограммист

JavaScript

Как сделать добавление и удаление классов?

(function($) {
   /*----------------------------------------------------*/
	/* Adjust Primary Navigation Background Opacity
	------------------------------------------------------*/
   $(window).on('scroll', function() {

		if($(window).scrollTop() >= 100) {  
            addClass('head-scroll');
         } 
         else {
            removeClass('head-scroll');
         }   
	});

я вот такой код написал -> при скролле на +100 должно добавится к header head-scroll
То есть до скролла<div class="header">
а при скролле на 100 <div class="header head-scroll">
а при возврате на исходное место удаляется head-scroll

Вопрос задан более трёх лет назад
331 просмотр

Комментировать

Подписаться 3 Простой Комментировать

Answer 1 · 2017-10-24 09:49:31

Если jq используется только для этого, то можно вот так на чистом js:

window.onscroll = function() {
      let scrolled = window.pageYOffset || document.documentElement.scrollTop;
      (scrolled >= 100) ? document.querySelector('.header').classList.add('head-scroll') :
                          document.querySelector('.header').classList.remove('head-scroll');
    }

...и не тянуть всю библиотеку.

Как сделать добавление и удаление классов?

Войдите на сайт