Div水平固定位置，水平滚动时垂直移动

Question

I am creating a website which scrolls horizontally. It is to depict travelling across a scene. What I want to do is have a div containing an image of the sun to stay in the same position horizontally but move down vertically as the website is scrolled, so that at the start of the 'journey' the sun div is high in the sky and as you progress through the site the sun div 'sets'

I can't think of a way to do this and was hoping someone might be able to help.

Thanks!

Answer 1

You could try using something like .scroll() if you'r using JQuery.

.scroll API If you look at the comments and adapt that to horizontal scrolling i think it might work.

Did another search and found this as well: javascript-bind-an-event-handler-to-horizontal-scroll