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

Question

[Ксюша]

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

https://codepen.io/vatrushkasmolokom/pen/qLXEmb

Answer 1

[Flying]

На мой взгляд поведение Firefox вполне допустимо, хотя ситуация неоднозначная и конечно стоит глянуть в спецификации. Вы задаёте top для .banner__content который находится внутри .container-fluid. Разница в подходах в том что Firefox считает отступ от parent элемента, а Chrome - от элемента для которого указан position: relative.

Если применять top на .banner__content - начинает работать везде.

Comments

[Ксюша]

Огромное вам спасибо!