Move element vertically as user scrolls

is there anyway to move an element up or down as the user scrolls through the page?

i can’t use a floating group because i need it to be behind another element.

You could have a few versions of the same element that hide or show conditionally based on scrolling height.

perhaps a draggable element

the height of the page is determined by a repeating group that is set to ext. vertical scrolling. would it be possible to set this up under these conditions?

i have been playing around with the draggable groups but not sure how I would implement this using one. any ideas?

Probably not. Are you sure you can’t put a floating group “behind elements”?

Not sure how the RG is set but you may be able to put it in the RG and only show based on the index.

I’m not 100% sure but from my experience the floating group is always on top.

my current set up is a repeating group that has a draggable group in each cell, and the sidebar group that has a drop area. i want the user to drag cells from the repeating group into the drop area on the sidebar. when i changed the sidebar group into a floating group, the draggable groups always ended up behind the floating group.

You can do that with JS. At least if this is what you’re after:

Then try this:

Run a javascript at page load

Make sure to expose the attribute ID of your elements.

Give the element you want to move an ID. In this case its ‘map’. This is just a normal Group.

3 Likes

this looks like what i am trying to do. thank you for the info, i will play around with this

1 Like

this worked perfectly, thank you

1 Like

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