I’m making a tour agency website right now and I want to have detail box and the right side that scrolls with the page once you scroll past a certain point.
Here is an example: https://tabinaka.co.jp/tour/7165
The price/calendar box starts stationary but once you scroll past it, it moves with the screen.
I tried pinning it but that just pins it on the screen on the same spot constantly.
I was wondering if I can code a ‘range’ for the scrolling with page
Thanks
I think this won’t be possible to solve it, like you want, because you can’t pin or unpin elements by code.
Perhaps a good option for the velo-wishlist…
https://www.wix.com/velo/wishlist
But what you can do is to hide or unhide the pinned element on your screen when passing a certain scroll-point.
Some additional informations can surely be found here…
https://www.wix.com/velo/forum/coding-with-velo/scrollto
@russian-dima Thanks for your input.
Is there any other method to this other than pinning it?
If so that might solve my problem, I’m don’t necessarily have to use the pinning feature.
Thanks again
@ogitanoboru
Perhaps you could try to generate a workaround with wix-animation.
This is a css property “position: sticky”. You can create a Custom element using a div.
Wix should have a custom property to each element where we can set some property or wix should create elements with the standard HTML definition. But wix still cutting browser resources from their elements.
@ogitanoboru I am also looking to do the same with an element. The ‘position:sticky’ seems only available ini Editor X, not with Velo. I searched the feature requests and came across this close match - please add your vote to it! https://www.wix.com/velo/requested-feature/make-an-element-sticky-using-w-element-freeze-api
hi @robert.pokorny, can you help me with this issue on editorx?