@eafedorow

Как сделать чтобы при скролле страницы с фиксированной шапкой не появлялся зазор в один пиксель через который видно контент?

При скролле страницы с фиксированной шапкой появляется зазор в один пиксель через который видно контент. На приведенном скриншоте между фиксированной к верху шапкой появляется щель. Иногда она пропадает из-за этого появляется эффект моргания при скролле.

Появляется только на айфонах.

63e23ff94c435786442143.jpeg

Какая реализация у фиксированной шапки:

const nav = document.querySelector('nav');
const header = document.querySelector('.header')
    
if (window.scrollY >= 56) {
   nav.classList.add('fixed__nav')
   header.style.marginBottom = `${navHeight}px`;
}


У класса fixed nav следующие свойства:
position: fixed;
top: 0;
z-index: 1000;


Помогите, пожалуйста, в чем может быть проблема и как убрать зазор в один пиксель?
  • Вопрос задан
  • 142 просмотра
Пригласить эксперта
Ответы на вопрос 1
@igor042018
Не пробовал задать top: -1px; ?
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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