Robin_SL
(Robin)
September 1, 2020, 8:27am
1
I’ve posted some time ago about the sticky position not working. I figured it’d work itself out after an update, but so far it hasn’t…
Anyone got any ideas what’s going on?
Problem: Video link
(The left part containing the text should be sticky to the top of the page as you scroll down for the entire height of the right image…)
Live site: Live site link
Public share link: Public Share link
Hi
Position sticky will most probably not work if overflow is set to hidden, scroll, or auto on any of the parents of the element.
Let me know if you need more help ping me on Discord “mati#9475”
1 Like
ColibriMedia
(Pierre Jean Duval)
September 1, 2020, 8:39am
3
Hi @Robin_SL ,
Can you also try setting the parent element to position: relative ?
Robin_SL
(Robin)
September 1, 2020, 8:41am
4
The parent element is set to a relative position and as far as I can see none of the overflow states are set to hidden…
which page or section, video it’s different.
ColibriMedia
(Pierre Jean Duval)
September 1, 2020, 8:50am
8
I have to admit I don’t see where it shouldn’t work, everything seems in order. Have you tried unpublishing / republishing ?
Robin_SL
(Robin)
September 1, 2020, 8:51am
9
It’s the Brussels Philharmonic page
Robin_SL
(Robin)
September 1, 2020, 8:53am
12
Yes, it works fine inside the webflow preview, but not in the published version…
Robin_SL
(Robin)
September 1, 2020, 8:57am
13
Re-publishing it hasn’t changed anything…
ColibriMedia
(Pierre Jean Duval)
September 1, 2020, 9:00am
14
Yep I see that, you could try different class names or using fresh new elements, it will be a pain in the a** but for some reason I already had a bunch of elements failing and had to lay down fresh elements and it fixed the problem.
Or at this point, contact Webflow support team I’d say.
1 Like
@Robin_SL
your case study page, “body” have overflow hidden
1 Like
Robin_SL
(Robin)
September 1, 2020, 9:14am
16
When I turn this of in the inspector the sticky works, so this does seem to be the problem.
However, inside the webflow designer my body element has its overflow set to visible, so I don’t know where this hidden tag is coming form…
Further investigating your page source, I believe you have some custom code to this page.
Usually custom code don’t effect in designer mode
1 Like
Robin_SL
(Robin)
September 1, 2020, 9:19am
18
Yes! That was it!
No idea how that got there, but thank you for your help!
you are welcome
Let me know if you need more help feel free to ping me on Discord “mati#9475”