Scrolling floating group on page with dynamic height

[boston85719]

Hi

I have been using a method that I posted about previously for how to make a side menu that is scrollable. So far for my purposes this technique has worked well, however I am running into an issue now on a page with dynamic height

As seen in my post on how to make the scrollable side menu ( which uses no code ) it is necessary to get the height of the page and the floating group aligned.

Scrollbar in floating group side menu

Hi I just wanted to share a lot of help I got from @gf_wolfer In need of clarity on the subject of a side menu with scroll, I turned to the forum and found a thread @gf_wolfer had commented on, but it was closed. I reached out to him in a PM and he readily replied with assistance. I want to pass this along as it has made my life so much easier now. At first, I tried some other methods that included using javascript and another using CSS. I’ve heard from some that there could potentially be is…

My problem now that the page has a height that is dynamic, it is not possible to have the floating group scrolling as the page height changes the way it works.

Does anybody have a way to make a floating group scrollable without code? I have used code in the past but load speeds often made it so that I needed to use two workflows on each trigger event so that it would work 50% of the time.

I really think that there should be a simple easy way ( checkbox ) to select “make this element scrollable”.

But until that happens we are left with hacking our way through the no code environment and I am hoping somebody has found a way that works all the time.

[duke.severn]

The method you outlined in your previous post works for me. Page dynamic height or not, just make sure the the floating group is set to both and has the same height as your index page. This happens in the editor. Your editor page height is never dynamic. The FL should adjust.

[boston85719]

@duke.severn I got it to work again. Seemed like a temporary fluke because the copied page worked fine. I ended up having to readjust things on the page with malfunction and got it working again.

[mack2580]

Any idea how to do this with flex? As 80% of my users are mobile and its annoying to scroll down a float and lose what you were looking at.

[boston85719]

Use a javascript action using free plugin toolbox

Below how to do it for a specific element

document.getElementById("#red").scrollIntoView()

and use the element id on the element you want it to scroll to like below screenshot

If you want to scroll to top of page use below javascript…can also change values from 0,0 to other scroll position value

window.scrollTo(0, 0)

[mack2580]

@boston85719

Below how to do it for a specific element

Thank you worked great!

[arensbpa]

This worked for me make sure vertically float relative to is set to both! Thanks @duke.severn