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

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

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

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

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

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

Как найти первую работу или заказ верстальщику?

Антон Литвиненко, Причём здесь вообще ТЫ? Парень спрашивает как первый заказ взять... Моё мнение выше.
Вместо того, чтобы рассказывать про свою ставку, лучше расскажи как ты выходил на рынок и что верстал.

Как найти первую работу или заказ верстальщику?

Антон Литвиненко, Идёшь на биржу и берёшь те же лендосы по 2-3к и делаешь.
За пару дней можно взять заказ не имея ни одного отзыва и несколько свёрстаных тех же лендосов в портфолио.

Так есть мотивация и практика + отзывы набиваешь и клиентов.

Сидеть пол года, верстать 10 макетов в стол и бояться выйти на биржу - ошибка номер 1.
2-3 лендинга и уже можно спокойно идти на фриланс.

Почему блок уползает выше экрана?

Влад, Я понимаю что она fixed. Нормально всё отображается.
Попробуйте кэш сбросить ctrl+f5

Вот видео https://yadi.sk/i/db0-mC1dgs_VEA

Как найти первую работу или заказ верстальщику?

Антон Литвиненко, Учёба гораздо продуктивней идёт, когда работаешь на реальных проектах.

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

Megalexandros,

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

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

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

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

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

Что делает elem.offsetHeight?

Павел Корнилов, А чем плох тот вариант, что я нашёл?

Что делает elem.offsetHeight?

Павел Корнилов, Нужно ещё как минимум повесить overflow: hidden на .content.

Конкретно способ с высотой не очень хорош т.к. приходится доп. обёртку делать и ручками дописывать css.
Не знаю на сколько медленней тот вариант, что нашёл я, но он явно проще для конечно пользователя.

Что делает elem.offsetHeight?

Павел Корнилов,

Что делает elem.offsetHeight?

Павел Корнилов, Попробуйте padding или margin для content задать.

Как пофиксить, что б при первом заходе на сайт не дергался контент?

kaban4o, У меня swap стоит, но у меня подключены шрифты локально.

Как исправить ширину owl carousel?

Михаил Литвинов, В хроме слайдер вообще не грузиться, а в firefox ширина в норме.
Скорее всего проблема в кастомном скролле. Какой используешь?

Попробуй при ините скролла обновлять ширину слайдера.

const owl = $('.owl-carousel').owlCarousel({
  loop:true,
  autoplay:true,
  smartSpeed:1000,
  autoplayTimeout:8000,
  nav:true,
  tauchDrag:true,
  items:1,
  dots:false,
  navtext:false
});

owl.trigger('resize.owl.carousel');

Что делает elem.offsetHeight?

Павел Корнилов, Можно спокойно задавать margin и padding и уводит в display: none.
Это аналог функции slideToggle из jquery.

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

Меня только смущает, что при быстром даблклике по кнопке скачок происходит.

Как пофиксить, что б при первом заходе на сайт не дергался контент?

kaban4o, Перестало прыгать?
Советую всегда скачивать шрифты, чтобы не было подобных проблем.

Вот сервис для скачивания гугл шрифтов https://google-webfonts-helper.herokuapp.com/fonts

Как исправить ширину owl carousel?

Михаил Литвинов, Живой пример, чтобы можно было посмотреть в браузере.
Попробуй сделать пример на https://codepen.io, либо выгрузи сайт на хостинг и кинь ссылку.

Как исправить ширину owl carousel?

Михаил Литвинов, Без примера сложно что-то сказать.

Как исправить ширину owl carousel?

Выстави для img width: 100%

Что делает elem.offsetHeight?

Спасибо!

Попробуйте ее убрать, и увидите, что анимации нет.

Именно поэтому я и пошёл спрашивать что она делает. Использую eslint с конфигом airbnb-base и он ругается ссылаясь на no-unused-expressions.
Я пытался понять что ему не нравится, но так и не понял)
Теперь стало ясней. Спасибо ещё раз.