Как сместить фон вверх?

Question

[kagri]

Всем привет. На страничке у обертки задан background в виде фоновой картинки с attachment: fixed. У футера задан другой фон(без фиксации), но когда скролишь вниз, то на фон обертки наезжает фон футера. Хочу сделать так, что бы верхний фон уезжал при соприкосновении с нижним. Спасибо добрые люди)

Answer 1

[quux]

имхо без js никак

Comments

[kagri]

Вы знаете код? Думаю там не большой будет.

[quux]

kagri: добавить обработчик скроллинга и там мониторить, сколько осталось до низа. если высота футера зацеплена, то изменять background-position-y. Это все что я могу сказать :)

[Эдвард Арутюнян]

quux: :)

Answer 2

[Павел Радьков]

У background-position есть значение local. С помощью него можно попробовать.

codepen.io/paulradzkov/pen/GZEJOy?editors=1100 — это не готовое решение, только демонстрация идеи. Тут проблемы с прокрутками.

Answer 3

[Евгений Кылин]

css: z-index