Вставьте заголовок после прокрутки вверх с помощью IntersectionObserver - PullRequest
Новая
       22

Вставьте заголовок после прокрутки вверх с помощью IntersectionObserver

0 голосов
/ 14 января 2020

Я пытаюсь создать липкое меню заголовка.

Проблема в том, что я хочу, чтобы оно оставалось после того, как пользователь прокрутит вверх, а не наоборот. Я надеюсь, что кто-то может сказать мне, как я это делаю.

Вот что я пробовал: 

const header = document.querySelector('.header');
const headerPositionNotifier = document.createElement('div');
header.parentNode.insertBefore(headerPositionNotifier, header);

const options = {
    threshold: [0]
};
const callback = (entries) => {
    entries.forEach(({
        intersectionRatio
    }) => {
    if (intersectionRatio == 0) {
        header.classList.add('s')
    } else {
        header.classList.remove('s')
    }
  })
}

const io = new IntersectionObserver(callback, options);
io.observe(headerPositionNotifier);
...