I inspected the source code of the webpage and discovered that each slide is a link block with a background image and text overlay (see attached screenshot).
@nwdsha How can I achieve the word effect alone with interactions?
The way I tried it is by putting a text box with multiple words on different lines inside of a div with the height set to show only one word with overflow hidden. Then a load interaction on the text box to move the text box up to reveal the next line of text while hiding the first line through hidden overflow. While this worked pretty well, it wont move the text box up correctly. It would move it up a bit too much or too little even when I set the px exactly the right amount.
No, you cannot do the exact effect with the current interactions. You can of course, hire a JavaScript developer who knows how to create vertically scrolling sliders and sync multiple sliders.
If you notice carefully, there are three separate sliders: projects-frame, titles, and years. I hope you can show me a working demo of how to do this without custom code because I am interested to know as well.
Of course, the slider needs to be vertical scrolling. Webflow’s slider can only scroll horizontally, so we have to implement a third-party one or code it ourselves.