Как скрыть попап при скролле на форму?

Question

[Megalexandros]

У попапа есть кнопка, которую нажимаешь и скроллишься к форме, когда доходит до формы - нужно скрыть.
Подскажите пожалуйста, как это реализовать на js?

Answer 1

[IIIu6ko]

document.querySelector('.popup').style.display = 'none';

Хотите чего-то большего - сделайте пример в песочнице.
jsfiddle или codepen.

Comments

[Megalexandros]

Похоже на троллинг.
Понимаю , инфы мало, но надо ф-я или что - там, что бы когда попап дошел до формы, он исчез

[IIIu6ko]

Megalexandros, Сделайте пример в песочнице, иначе непонятно.

[Megalexandros]

IIIu6ko, Есть попап, в нем кнопка (якорь), нажимаешь, тебя скроллит к форме, попап должен исчезнуть как только прискроллиться к форме, вот такая логика

[IIIu6ko]

Megalexandros,

document.querySelector('селектор_кнопки_с_якорем').addEventListener('click', () => {
  document.querySelector('селектор_попапа').style.display = 'none';
});

Если всё так просто, то вот так должно сработать.

Селектор - класс, айди, тэг и т.п. html-элемента. Как в CSS.

[Megalexandros]

IIIu6ko, Оо, попробую - отпишу

[Megalexandros]

IIIu6ko, Отлично, осталось только интегрировать в этот код плавное закрытие попапа)

[IIIu6ko]

Megalexandros, Попап абсолютом сделан?

[Megalexandros]

IIIu6ko, да

[IIIu6ko]

Megalexandros, Тогда тоже самое, только класс убирать.

document.querySelector('селектор_кнопки_с_якорем').addEventListener('click', () => {
  document.querySelector('селектор_попапа').classList.remove('название_класса');
});

У вас же через добавление класса попап появляется? Или у вас плагин какой-то?
Как вообще попап выглядит?)

[IIIu6ko]

Megalexandros, Если помог, то отметьте как решение.