Показать сообщение отдельно
  #3 (permalink)  
Старый 23.07.2021, 10:19
Аспирант
Отправить личное сообщение для Alexprom Посмотреть профиль Найти все сообщения от Alexprom
 
Регистрация: 19.09.2018
Сообщений: 60

Сообщение от рони Посмотреть сообщение
Alexprom,
https://developer.mozilla.org/ru/doc...ectionObserver
Рони, спасибо за ответ, но это не мой уровень, я как и вы но отсталый на 300 лет)))

Я вот нашел рабочий вариант и он мне подходит.
Единственая проблема в том, что он заменяет уже существующий клас, не добавляет.
Если прописать addClass, то класс с (display:none) недобавиться...
Пожет подправите чтоб я смог на мобильной версии иметь другой класс?

function getBodyScrollTop() {
  var offset = self.pageYOffset || (document.documentElement && document.documentElement.scrollTop) || (document.body && document.body.scrollTop);
  if (offset > 300) {
    document.querySelector('#oct-slide-panel').className = "KT-buy-none";
  }
  if (offset > screen.height - 300) {
    document.querySelector('#oct-slide-panel').className = "KT-buy-fixed";
  }
}
window.addEventListener("scroll", getBodyScrollTop);
Ответить с цитированием