Hi, I was wondering if a separate scroll effect can be replicated on Bubble? For example scrolling down on left side whilst keeping the right side in a fixed until scrolled until y-axis reached a certain level. Example of H&M product display page: Regular Fit Corduroy shirt - Grey-blue - …

Hey there. If you haven’t seen it, this thread may help you out. There are some CSS changes that you need to do - TIL how to do sticky groups Hope it helps.

Yep… as noted above you can do it with some custom CSS… …or, if you’d rather keep things in pure vanilla Bubble and not use any custom code, you can just use a regular floating group and hide/show it accordingly based on page scroll position, like this: Scroll Floating Group (bubbleapps.io)

[image] TIL how to do sticky groups Showcase It turns out position: sticky is a thing. Is it news to anyone or just me? It’s not yet native, but it’s easily done with a bit of CSS. [CleanShot 2022-09-13 at 10.37.04] Demo page Editor

This was perfect - thanks so much for your help! @adamhholmes - thanks so much also for suggesting an alternative!

Separate scroll effect in bubble?

Need help Responsiveness

nikola.milosavljevic October 10, 2022, 1:10pm 4

Topic		Replies	Views
Question: hide floating group when scrolls up the content? Need help	8	155	February 26, 2025
Floating group/ iframe when i scroll down to it? Responsiveness	2	692	May 10, 2021
Floating Group within a Group as Header, Side Menu? Responsiveness	16	1794	January 14, 2024
Element scrolling WITH page Responsiveness	7	576	February 24, 2023
Make group move like a floating group when scrolling Need help	1	657	March 20, 2023

Separate scroll effect in bubble?

Related topics