Placing sticky element in the gridder

[bb_daniel]

Dear Armin, dear community,

has anyone ever tried to place an element in the gridder that gets sticky at a certain scroll-position?

I want to create this effect:
https://www.w3schools.com/howto/howto_css_sticky_element.asp

It works fine when I'm writing the code (position: sticky; top:0;) straight into the HTML and CSS fields. But when I'm applying the sticky class to an Element that lies in the gridder it doesn't seem to work.

Is there a work-around or something else I have to pay attention to?
Or maybe an alternate jQuery solution?

Best, Daniel

[mariusjopen]

Dear @bb_daniel
I will check with Armin if this is actually possible in the Gridder.
I also did not manage to make it work right now.

For sure there are jQuery solutions around.

Best!

Marius

[bb_daniel]

@mariusjopen
Thanks a lot!
Meanwhile I´ll keep looking for alternative solutions.
✌🏻

Best, Daniel

[mariusjopen]

Perfect!

[arminunruh]

Maybe because #grid has overflow:hidden; and that is why it doesn't work.

http://dinbror.dk/blog/help-css-position-sticky-doesnt-work-solved/

in your custom css write in "lay options" -> "custom html and css":

#grid{
overflow: auto;
}

[bb_daniel]

@arminunruh
Hey, thanks for the hint! I tried, but couldn't make it work anyway.
Would be really cool, to have this feature.
But I´ll keep searching. Maybe Im doin something wrong…

Thank You✌️

[mariusjopen]

Dear @bb_daniel

#grid{
overflow: auto !important;
}

Does that help?

Best!

Marius

[bb_daniel]

@mariusjopen
unfortunately not.
Dis you guys make it work?

Best, Daniel

[mariusjopen]

Dear @bb_daniel
I would solve it with jQuery and not Css:
https://www.medianotions.de/webdesign-blog/jquery/sticky-header-mit-jquery/

Hope that helps as well :-)

Best!

Marius

[Baptiste]

Hey guys,
Does anyone found something, I tried some stuff with jQuery but can't find a solution...

Tried that : https://jsfiddle.net/julienfrog/p87jmj61/1/
But I let you know if I find something...

Thanks in advance,
B.

[mariusjopen]

Der @Baptiste
did you have a look here?
http://laytheme.com/documentation.html#custom-javascript
Best!

Marius

[Baptiste]

Hey @mariusjopen ,
Yes, you mean the idea of using "jQuery" instead of "$"?
Already did but I'm working on it today, hope i'll fix it.

I'll let you know if I find something and let me know if you find it too.
Thanks a lot.

Baptiste.

[mariusjopen]

Dear @Baptiste
not only the jQuery. Also how functions get loaded. Have a close look.

Best!

Marius

[koliveros]

@Baptiste @bb_daniel any chance you guys were able to get this to work? trying to add to a new site im working on and cant seem to get it to work, lmk ty

[egorkraft]

@koliveros Hi! How's your progress? Have you managed to get a way to do it? Thanks