@ksyu_gl
Учусь верстать

Почему parallax не работает в Firefox?

Доброго всем дня!
Подскажите, пожалуйста, что я делаю не так: установила parallax в баннере, везде отображается прекрасно и именно в браузере Firefox происходит резкий перескок контента вниз и он как бы "застревает" там.
Буду очень-очень благодарна.

https://codepen.io/vatrushkasmolokom/pen/qLXEmb
  • Вопрос задан
  • 128 просмотров
Решения вопроса 1
@Flying
На мой взгляд поведение Firefox вполне допустимо, хотя ситуация неоднозначная и конечно стоит глянуть в спецификации. Вы задаёте top для .banner__content который находится внутри .container-fluid. Разница в подходах в том что Firefox считает отступ от parent элемента, а Chrome - от элемента для которого указан position: relative.

Если применять top на .banner__content - начинает работать везде.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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