Как сделать такой paralax эффект?

Question

[yaroslav_void]

Подскажите какой нибудь плагин или библиотеку чтобы реализовать такой паралкс эффект - https://clients.weborama.nl/files/campaigns2/56267...

Answer 1

[Jack Williams]

У вас на странице нет paralax-эффекта. Используйте background-attachment: fixed. Тык

Comments

[yaroslav_void]

решения с background-image не подходят, так как мне надо туда поместить контентный блок, в котором будет форма и тексты.

[Jack Williams]

yaroslav_void, одно другое не исключает.

[Jack Williams]

Jack Williams, Вы можете сделать фон у элемента и добавить в него хоть 1000 форм.

[yaroslav_void]

Jack Williams, решение с background-image не подойдет, потому что контент из блоков снизу и сверху не будет наезжать на контент из блока с формой.
вот на видео более наглядно то что требуется - https://www.youtube.com/watch?v=7POl1iWwPqE.

[Jack Williams]

yaroslav_void, не совсем понял, почему bg-image не подойдет, но если это реально так - используйте элемент imgс position-fixed и поиграйтесь с отрицательным z-index.

[yaroslav_void]

с bg-image контент в блоке будет скроллиться вместе со всей странице и только фон будет оставаться на месте, а мне необходим эффект когда фон стоит на месте и контент тоже стоит на месте и по верх него скроллится страница, в определенном месте прерываясь - после чего можно увидеть блок с формой, и наезжая на него снова при дальнейшем скролле.

[Jack Williams]

yaroslav_void, значит вам нужен position: fixed