I’m trying to do the following:
I have this little guy
I want him to appear only when the user scrolls 100% of the window and i want him to be fixed to the center left of the screen. To be fixed to the position, i made his position: fixed.
I’ve made an interaction:
Initial appearance was 0% opacity and move up by 40px.
Than I created an “On Scroll” trigger that will bring him to original place with 100% opacity.
Well… That didn’t work
I’ve tried two things:
- Other triggers, like hover - it worked, but it’s useless.
- Change the position to absolute - it also worked, but than he didn’t stick the the position i wanted.
Doesn’t scroll trigger work on fixed objects?
How can i achieve what i described?
Here is the public link