Fixed background image within div

[NoobSimon]

Is is possible to move a div with a background image with the viewport until end of div.

Eg if the div is 200% height of the viewport and the image is 100% height of the viewport . So it give the illusion as if the background image is moving with the viewport?

[Paulie_D]

Didn’t you ask this before? – https://css-tricks.com/forums/topic/pausing-div-illusion/

Please don’t re-post just because you didn’t get an answer.

It sounds like you’re after some sort of parallax scrolling.

[NoobSimon]

Suppose so – I managed to get this far (below) however since I have to use position absolute with scrollmagic it wont push the elements below the fixed div
http://codepen.io/simonfricker/pen/qbypBr

[Shikkediel]

I’ve looked at all four of the topics you started on this but unless you explain exactly what you’re after and create the basic markup that applies to your question, I don’t know how to help you out. Seems like a piece of cake and about 15 minutes of coding for the rest.

[NoobSimon]

Its hard to explain. but I will try….

I have an image that needs to stay static while content scrolls over the top of it. However as soon as there is no more content to scroll over it, the flow of the document needs to continue to the next section. This means that the image needs to be pushed down with the viewport to keep it ‘static’ The end result should look like this:
https://i.imgur.com/qeC0bcQ.gifv

[Shikkediel]

Here’s something…

Link

[NoobSimon]

I cant thank you enough for this.

[Shikkediel]

Glad to lend a hand. :-)

[Author]

Posts