Position: Sticky

General Discussion
1

Hi There !!!

Trying to implement position:sticky via code widget in my project, however doesn’t seem to work.
I am running Blocs 4.4.1 under Monterey 12.1.

Do I have to do something prior to this implementation ???

Thank you for your assistance !

Can I fix text position?
Sticky Sidebar
2

Position Sticky breaks when overflow is used (see docs)

All the content of your site is wrapped in a Div with a class called .page-contaner and it has overflow set.

In the Class Editor make a class called .page-container and set the overflow to initial.

Dont forget to also set the top edge on the class your using for sticky or it wont work. eg. top: 0px; / top:20px; etc

Also a sticky element only remains sticky in its parent element, once the parent leaves the view, you loose the sticky.

4 Likes
3

Thanks Malachiman !!!

Managed to make it work - partially - Seems that has a small glitch while scrolling down or up. Sometimes is sticky and sometimes continues scrolling … when I scroll very slow then it has no problem.

Exactly this is what I want to achieve … the sticky element to remain sticky with its parent element and leave sticky afterwards.

I will try to find out if there is something wrong with my css

Thank you for your valuable info.

Have a nice day !!!

4

Much Obliged my friend !!!

Problem Solved !!!
Modified my css and works like a charm.

Thanks again !!!