sticky

[dani]

hi,
there are several threads about using sticky in LAY.

armin suggested this:
http://stickyjs.com/

JS

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.sticky/1.0.4/jquery.sticky.min.js" ></script>

<script>
window.laytheme.on("newpageshown", function(layoutObj, type, obj){
    
    jQuery(".sticky").sticky({});

});
</script>

[dani]

@dani example here: https://twigbc.ca/resources

the issue with this is z-index

i tried

    jQuery(".is-sticky").css("z-index", "1000");

also

.is-sticky{
    z-index:100000 !important;
}

no luck
still unresolved...

[Sophie1000]

Hi, have you find a solution to this issue since then ?

I have been looking "everywhere" on internet, the problem since deeply linked with Laytheme ?

[Richard]

Dear @Sophie1000

Am i correct from your recent Thread this is solved?

http://laythemeforum.com/topic/6672/sticky-element?_=1616638900292

Best wishes

Richard

[ml]

Hi, following on this I could get the sticky element working, but I have the same problem with the z-index (text disapears behind images, etc.)

Has anybody found a solution for that?

Best,
Marius

[dani]

Hi Marius,

The sticky works, but I could not figure out how to isolate/specify the z-index of the sticky elements (so they would appear on top). Let me know if you find a solution for it! I'd love to use it.

[dani]

@Sophie1000 Hi Sophie, there are almost some solutions, but nothing that works easily and without some little bugs... did you find anything? Please let me know. Thanks