Code for a Sticky Element?

Ask the community
, ,
1

https://www.wix.com/blog/2016/06/be-apple-how-to-make-your-website-look-like-the-big-brands/

On one of the wix pages (link above), as you scroll down on the right hand side there is a box that starts scrolling when the header touches it then goes all the way down as you keep scrolling till it gets to a line.

This element is not pinned.

How would you do this on your own site??

Specifically how would I do this on my site…
The element I’m trying to make do this is the “featured” box on the right hand side of my website
mrworkout.net

Cheers

1 Like
2

This is something I would like to do too. I think this feature request is the closest match if you would like to vote on it - https://www.wix.com/velo/requested-feature/make-an-element-sticky-using-w-element-freeze-api

1 Like
3

You can do it with EditorX.

4

Thanks. I was hoping for a work-around without converting the site to EditorX.

1 Like
5

Only if you create you own element using custom element and set its position to sticky.

(P.S. basically you can also select an existing element using JS in the custom code section and change its position to “sticky” but it’s highly not recommended as any change on Wix side might break this code. So you should go for the custom element if you don’t want to use editorX)

1 Like
6

How do you make this custom element in the standard editor? I am trying to make something sticky, not pinned, and frustrated it is not available on the standard editor. I have no need to switch and also don’t want to rebuild my site…just update with this feature.