Floating group sticky to bottom

[intrascopellc]

Hello,

I made a bottom menu for my application using a floating group. It’s sticky to the bottom and it stays that way through scrolling just how I’d like it to.

However, when I scroll down to the point where the actual index page ends, it moves up a bit.

This doesn’t happen with older phones that don’t have rounded edges.

Is there any possible way to make the floating group always sticky throughout all scrolling?

Any help is appreciated!!

[vajihahmed]

Hi @intrascopellc
I have the same issue but the i fixed it like this

[intrascopellc]

This solution seems to be for the new responsive engine.

Is there any way to get the same results on the legacy engine?

[maze]

Yes you can use the “Classify” plugin and some CSS to do it.

1. Install Plugin
2. Add " {addClass: “BottomNAV”} " as ID attribute to the element
3. Create a HTML element with following code:

<style> .BottomNAV { position: fixed !important; bottom: 0px !important; } </style>

That should theoretically do the job.

[intrascopellc]

I’ve tried this & it didn’t work for some reason.

[maze]

Also you can just use a “normal group” at the bottom with the new responsive engine - not a floating group - that could also possibly solve the issue…

[intrascopellc]

If I switch to the new responsive engine now, it will ruin everything I’ve built so far. I’ve been wondering if finding a way to stop the index page from being able to scroll all the way down would do the job.

Is there a way to do this with the ‘run javascript’ or any other method?

[maze]

Try to use the CSS solution with a normal group… or alternatively instead of “bottom: 0px” use “top: calc (100vh - your group’s heightpx)”