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

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

psycholabdesign October 10, 2022, 12:47pm 2

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.

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

Separate scroll effect in bubble?

Related topics