Добавить/удалить class спустя 200px скрола?

var oldScrollY = 0;
var div = document.querySelector('.site-header');

window.onscroll = function() {
  var scrolled = window.pageYOffset || document.documentElement.scrollTop;
  var dY = scrolled - oldScrollY;
  
  if ( dY > 0 ){
    div.className = 'site-header site-header-top';
  } else {
    div.className = 'site-header site-header-bottom';
  }
  
  oldScrollY = scrolled;
}


Данный код добавляет класс сразу при скроле, тем самым ломая верстку. Как сделать чтоб он начал свою работу (добавлял/удалял на протяжении всей страницы, но спустя 200 верних пикселей?
  • Вопрос задан
  • 63 просмотра
Пригласить эксперта
Ответы на вопрос 1
ThunderCat
@ThunderCat
{PHP, MySql, HTML, JS, CSS} developer
Вешать событие на онскролл - плохая привычка и устаревшая практика. Для этого сегодня есть интерсекшн обсервер.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы