Как сделать параллакс-эффект?

Question

[Ольга]

Здравствуйте. Есть сайт, в одном из блоков хочется сделать параллакс-фон. При стандартном fixed картинка очень сильно приближается. На некоторых сайтах видела рекламу, когда листаю вниз, картинка долистывается до низа и весь блок рекламы уезжает наверх. То есть когда долисталось до низа картинки, она как бы закрепляется и уже фиксированная листается вверх. Как это можно сделать?
Заранее спасибо!

Comments

[Rustam Bainazarov]

Простейший вариант, который используется везде — это как раз тупо fixed для картинки.

Покажите пример того, что вы хотите получить, ибо повелений таких штук может быть миллион вариаций.

[Ольга]

Рустам Байназаров, да вот пытаюсь найти, как назло ни одной рекламы такой не попадается)

[Ольга]

Рустам Байназаров, вот на сайте РБК похожее реализовано. у них новость долистывается до низа и потом уходит наверх. Вот например: https://www.rbc.ru/crypto/news/5d5e90c89a7947a368f...

[Rustam Bainazarov]

Ольга, вот такое вполне сделать на attachment'e:

[Ольга]

Рустам Байназаров, на неё текст сверху наползает, а реклама должна сама уходить наверх, как обычный блок

[Rustam Bainazarov]

Ольга, она и уходит.

Только я вспомнил, что есть проблемы с fixed на мобильных. Оно там не работает. Наверное, какие-то тогда кучи хаков и JS. Тут не смогу пока помочь, ибо я с телефона.

[Ольга]

Рустам Байназаров, ну это немного не то. когда мы долистали до низа картинки, она должна как бы закрепляться и листаться как обычный блок. на эту рекламу поверх наползает блок, это не то. пробую найти такое

[oink]

position: sticky?