Floating group sticky to bottom


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!!

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

This solution seems to be for the new responsive engine.

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

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.

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

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…

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?

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

This topic was automatically closed after 70 days. New replies are no longer allowed.