# Floating groups at the back' **URL:** \ **Category:** Questions\ **Created:** [May 11, 2018, 8:14pm UTC](https://forum.bubble.io/t/floating-groups-at-the-back/29219 "2018-05-11T20:14:23Z")\ **Posts on this page:** 17\ **Page:** 1
**Author:** ![jaos.pcl](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/jaos.pcl/32/25119_2.png) [@jaos.pcl](https://forum.bubble.io/u/jaos.pcl)\ **Post date:** [May 11, 2018, 8:14pm UTC](https://forum.bubble.io/t/floating-groups-at-the-back/29219/1 "2018-05-11T20:14:23Z")
Why can’t floating groups be behind everything? So everything scrolls over them? ---
**Author:** ![fayewatson](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/fayewatson/32/2686_2.png) [@fayewatson](https://forum.bubble.io/u/fayewatson)\ **Post date:** [May 15, 2018, 3:46am UTC](https://forum.bubble.io/t/floating-groups-at-the-back/29219/2 "2018-05-15T03:46:28Z")
Hi @jaos.pcl 🙂 One workaround would be to put everything that’s on the page inside of a floating group (set to float: none). Then, use the “send to back” option on the other floating groups, to set it beneath the main page floating group. I think that will give a similar effect! ---
**Author:** ![jaos.pcl](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/jaos.pcl/32/25119_2.png) [@jaos.pcl](https://forum.bubble.io/u/jaos.pcl)\ **Post date:** [May 16, 2018, 3:50pm UTC](https://forum.bubble.io/t/floating-groups-at-the-back/29219/3 "2018-05-16T15:50:31Z")
Thanks for that! 🙂 ---
**Author:** ![jaos.pcl](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/jaos.pcl/32/25119_2.png) [@jaos.pcl](https://forum.bubble.io/u/jaos.pcl)\ **Post date:** [May 28, 2018, 7:37pm UTC](https://forum.bubble.io/t/floating-groups-at-the-back/29219/4 "2018-05-28T19:37:44Z")
@fayewatson This doesn’t work if I want to have other groups that actually floats at the front. Am I right? Thanks in advance. ---
**Author:** ![fayewatson](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/fayewatson/32/2686_2.png) [@fayewatson](https://forum.bubble.io/u/fayewatson)\ **Post date:** [May 28, 2018, 8:14pm UTC](https://forum.bubble.io/t/floating-groups-at-the-back/29219/5 "2018-05-28T20:14:04Z")
@jaos.pcl It will work 🙂 If you have a floating group that is set to float nothing, and you’re not seeing other floating groups which should be in front of it, click on those floating groups and select “Arrange” --\> “Bring to Front” (might take a few different Arrange actions to make sure everything is where it needs to be) ---
**Author:** ![sridharan.s](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/sridharan.s/32/17881_2.png) [@sridharan.s](https://forum.bubble.io/u/sridharan.s)\ **Post date:** [May 28, 2018, 9:02pm UTC](https://forum.bubble.io/t/floating-groups-at-the-back/29219/6 "2018-05-28T21:02:53Z")
You can also have a floating group and then use Javascript to set it’s z-index to 0 so that it’s behind other objects on the page. ---
**Author:** ![jaos.pcl](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/jaos.pcl/32/25119_2.png) [@jaos.pcl](https://forum.bubble.io/u/jaos.pcl)\ **Post date:** [May 29, 2018, 4:29pm UTC](https://forum.bubble.io/t/floating-groups-at-the-back/29219/7 "2018-05-29T16:29:41Z")
Thank you for your replies. @fayewatson I did that yesterday but when I tried today, it worked! Thank you. 🙂 @sridharan.s Don’t know how to use Javascript and I can’t code. Time to learn that I think. Thanks anyway. ---
**Author:** ![sridharan.s](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/sridharan.s/32/17881_2.png) [@sridharan.s](https://forum.bubble.io/u/sridharan.s)\ **Post date:** [June 1, 2018, 1:20am UTC](https://forum.bubble.io/t/floating-groups-at-the-back/29219/8 "2018-06-01T01:20:03Z")
You can find some js code on the forum or with google that’ll do the trick. It’s a simple 1-line script to change the z-index. Nothing complicated about it. ---
**Author:** ![jaos.pcl](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/jaos.pcl/32/25119_2.png) [@jaos.pcl](https://forum.bubble.io/u/jaos.pcl)\ **Post date:** [June 2, 2018, 12:28pm UTC](https://forum.bubble.io/t/floating-groups-at-the-back/29219/9 "2018-06-02T12:28:38Z")
Thanks! I’ll check it out! 🙂 ---
**Author:** ![8910billiards](https://avatars.discourse-cdn.com/v4/letter/8/87869e/32.png) [@8910billiards](https://forum.bubble.io/u/8910billiards)\ **Post date:** [June 2, 2018, 4:31pm UTC](https://forum.bubble.io/t/floating-groups-at-the-back/29219/10 "2018-06-02T16:31:40Z")
are you able to share a link to view what you all are talking about? I’d like to see what it looks like “live”. Thanks ---
**Author:** ![jaos.pcl](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/jaos.pcl/32/25119_2.png) [@jaos.pcl](https://forum.bubble.io/u/jaos.pcl)\ **Post date:** [June 2, 2018, 4:53pm UTC](https://forum.bubble.io/t/floating-groups-at-the-back/29219/11 "2018-06-02T16:53:30Z")
> **[Bubble - Visual Programming](https://3652354235246.bubbleapps.io/version-test?debug_mode=true)** > > Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications. ---
**Author:** ![8910billiards](https://avatars.discourse-cdn.com/v4/letter/8/87869e/32.png) [@8910billiards](https://forum.bubble.io/u/8910billiards)\ **Post date:** [June 2, 2018, 5:01pm UTC](https://forum.bubble.io/t/floating-groups-at-the-back/29219/12 "2018-06-02T17:01:10Z")
What is an example that you would use a floating group in the manner you described? ---
**Author:** ![jaos.pcl](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/jaos.pcl/32/25119_2.png) [@jaos.pcl](https://forum.bubble.io/u/jaos.pcl)\ **Post date:** [June 2, 2018, 5:08pm UTC](https://forum.bubble.io/t/floating-groups-at-the-back/29219/13 "2018-06-02T17:08:05Z")
In my case, I have an image as my page background and a text. When the user scrolls, a group with other content will scroll over the text and the image. Similar to this site: > **[Ambulanter Pflegedienst in Berlin | Pflegetiger](https://pflegetiger.de/?utm_source=bubble)** > > Ihr ambulanter Pflegedienst in Berlin ☎ 030 1208 800 76 - Kostenloses professionelles Beratungsgespräch - Pflegekräfte aus Ihrer Nachbarschaft ---
**Author:** ![8910billiards](https://avatars.discourse-cdn.com/v4/letter/8/87869e/32.png) [@8910billiards](https://forum.bubble.io/u/8910billiards)\ **Post date:** [June 2, 2018, 5:10pm UTC](https://forum.bubble.io/t/floating-groups-at-the-back/29219/14 "2018-06-02T17:10:07Z")
ahh. very cool! Thanks! ---
**Author:** ![sridharan.s](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/sridharan.s/32/17881_2.png) [@sridharan.s](https://forum.bubble.io/u/sridharan.s)\ **Post date:** [June 2, 2018, 9:37pm UTC](https://forum.bubble.io/t/floating-groups-at-the-back/29219/15 "2018-06-02T21:37:43Z")
Example: [https://meetaway.com/check-in/1525535166026x140219239838515200](https://meetaway.com/check-in/1525535166026x140219239838515200) ---
**Author:** ![peter](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/peter/32/1736_2.png) [@peter](https://forum.bubble.io/u/peter)\ **Post date:** [May 22, 2019, 3:42am UTC](https://forum.bubble.io/t/floating-groups-at-the-back/29219/16 "2019-05-22T03:42:55Z")
That may be so, but in vanilla Bubble I don’t see where you can put it? ---
**Author:** ![maulik](https://avatars.discourse-cdn.com/v4/letter/m/91b2a8/32.png) [@maulik](https://forum.bubble.io/u/maulik)\ **Post date:** [February 6, 2023, 2:08pm UTC](https://forum.bubble.io/t/floating-groups-at-the-back/29219/17 "2023-02-06T14:08:46Z")
“Arrange” → “Bring to Front” worked for me. Thank you.