# Can I Prevent the Page Scrolling when Floating Group is Visible?

**URL:** <https://forum.bubble.io/t/can-i-prevent-the-page-scrolling-when-floating-group-is-visible/343877>\
**Category:** Responsiveness\
**Created:** [October 10, 2024, 6:12pm UTC](https://forum.bubble.io/t/can-i-prevent-the-page-scrolling-when-floating-group-is-visible/343877 "2024-10-10T18:12:41Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![QIRO](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/qiro/32/237385_2.png) [@QIRO](https://forum.bubble.io/u/QIRO)\
**Post date:** [October 10, 2024, 6:12pm UTC](https://forum.bubble.io/t/can-i-prevent-the-page-scrolling-when-floating-group-is-visible/343877/1 "2024-10-10T18:12:41Z")

</div>

I am using a Floating Group as a contextual menu and when that overflows the main page, it gets a scrollbar, which is fine.

The question is, how do I stop the main page scrolling when the Floating Group is visible?

Having both scrolling up and down is a really poor UX.

I found this in another post but it doesn’t do anything for me:

```auto
</style>
body {
   height: 100%;
   overflow-y: hidden;
}
</style>

```

---

<div class="post-metadata">

**Author:** ![shankar](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/shankar/32/126192_2.png) [@shankar](https://forum.bubble.io/u/shankar)\
**Post date:** [October 10, 2024, 6:47pm UTC](https://forum.bubble.io/t/can-i-prevent-the-page-scrolling-when-floating-group-is-visible/343877/2 "2024-10-10T18:47:59Z")

</div>

add `!important` keyword at the end as shown below

```auto
<style>
body{
  overflow: hidden !important;
  height: 100% !important;
}
</style>

```

![image](https://us1.discourse-cdn.com/bubble/original/3X/3/9/39839ce531d72fd831d87ca0e63dfb5b098bae88.png)

---

<div class="post-metadata">

**Author:** ![QIRO](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/qiro/32/237385_2.png) [@QIRO](https://forum.bubble.io/u/QIRO)\
**Post date:** [October 11, 2024, 7:22am UTC](https://forum.bubble.io/t/can-i-prevent-the-page-scrolling-when-floating-group-is-visible/343877/3 "2024-10-11T07:22:42Z")

</div>

Perfect! Thank you.
