javaScript - movable/still objects when moving on page


#1

Scripting movable/still-standing objects for the site is possible? How it can be done to work like here: https://zoptamo.com/uk/s-salsa-c-uk for example navi bar on the upper part of site fading out, preference panel following user when scrolling the content etc. Elements like these can be done in JS?


#2

i have never done this, but you can make element fixed:

position: fixed;

this will "glue" it to a screen, then when you scroll down you simply change position to relative, this can be done with js (js has a scroll event)


#3

Thanks, will check it later and reply if working :smiley:


#4

It looks like it is triggered by a scroll event, and not very well managed in my environment. I couldn't restore the page with a refresh to the point where it did not obscure the header image.