Any Pro Web Developers? Wondering how to do a fancy type of website layering.

Question

Please see the website: goldenarrowbuses.com. If you scroll down there is a box that says "In our fleet and growing" with a bus in the background. When you scroll around it, the bus is covered and uncovered by that window providing a cool effect.

How would I layer the top website over the background picture with a transparent window?

Thanks in advance!

Answer 1

Set background-image on body, use background-attachment: fixed to fixed position on body, then open a window for parallax.

https://code.sololearn.com/WAt9L93G687L/?ref=app

Answer 2

It is called parallax scrolling.

Answer 3

Thanks! Very helpful Calviղ and Chris C.