Regarding the speed of the scroll, I see you are doing that with a 3 second ease in which the class “voorbeeld-img_img” moves up the y-axis a certain percent.
Your issue is, if I understand correctly, that this point on where to stop scrolling (the percentage) is not the same for each image given their different heights. This gives you two issues:
A fixed percentage will work for one image to stop at the exact position, but will under- or overshoot the next image
A fixed percentage of climb in combination with a 3 second time will result in some images climbing faster or slower than others.
Ideal would be to set a climb (y-axis move) based on image height. This can be done with some custom code but it is not yet an available variabele in webflow as far as I can tell.
What I suggest you try as a way of getting this working today is:
- first choose a unique classname for each image so you can treat them all 3 separately.
- For each panel, setup the interaction customized to it’s image. With each it’s own amount to climb in it’s own time. Maybe a bit shorter of time for smaller images.
Do keep in mind that for these absolute y-values to work properly, you need a fixed height for the 3 panels. If the panels can strech or shrink vertically, your animation points will be off and you will get undesired results. Also, this might be pretty hard to make responsive if that’s part of your target devices.
If it’s just these 3 panels you can get away with that. If you are going to add lots of template previews this way, rows and rows of them, I would rethink how you would do it because it would become way too manual to set it up.
Maybe a lottie animation of a demo scroll can be made for each template, and you just play the lottie animation from 0 to 100% in 3 secs. That way you avoid having to play with the height at wich to stop the move altogether. Since the stopping point is already baked into the lottie file.
Edit: You have you nul-zes on your public page. If that’s your real number, maybe change it to a bogus one while it is up for demo. Those robocall scrapers are insanely busy looking for live numbers all over the web.