# How do you get rid of vertical scrollbar

**URL:** <https://forum.bubble.io/t/how-do-you-get-rid-of-vertical-scrollbar/108170>\
**Category:** Need help\
**Created:** [August 25, 2020, 3:28pm UTC](https://forum.bubble.io/t/how-do-you-get-rid-of-vertical-scrollbar/108170 "2020-08-25T15:28:16Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Siddhartha](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/siddhartha/32/40316_2.png) [@Siddhartha](https://forum.bubble.io/u/Siddhartha)\
**Post date:** [August 25, 2020, 3:28pm UTC](https://forum.bubble.io/t/how-do-you-get-rid-of-vertical-scrollbar/108170/1 "2020-08-25T15:28:16Z")

</div>

My repeating group is fine until you reach a certain amount of records, and there’s too many for one screen. Then a vertical scroll bar appears.

![Image 2020-08-25 at 4.19.14 pm.png](https://p211.p2.n0.cdn.getcloudapp.com/items/P8ub6Gb8/Image%202020-08-25%20at%204.19.14%20pm.png?source=social&v=a8b0653bacc8d59e91edddd19f8f5f77)

I have Layout Style set to Full List so I thought that would do the trick, but alas, it doesn’t seem to.

![Image 2020-08-25 at 4.26.52 pm.png](https://p211.p2.n0.cdn.getcloudapp.com/items/7KuLqElr/Image%202020-08-25%20at%204.26.52%20pm.png?source=social&v=e6594541830cc3b571bd3054079b3e23)

Hope someone can help is it makes my page look really bad ☹

---

<div class="post-metadata">

**Author:** ![Nocodify](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/nocodify/32/104659_2.png) [@Nocodify](https://forum.bubble.io/u/Nocodify)\
**Post date:** [August 25, 2020, 3:31pm UTC](https://forum.bubble.io/t/how-do-you-get-rid-of-vertical-scrollbar/108170/2 "2020-08-25T15:31:49Z")

</div>

I believe you can get rid of it with CSS. I think I’ve seen some forum posts about it.

Otherwise, there’s a plugin for repeating group scrollbars to change color etc. You can make it transparent using that plugin.

Tal  
[nocodify.com](http://nocodify.com)

---

<div class="post-metadata">

**Author:** ![Siddhartha](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/siddhartha/32/40316_2.png) [@Siddhartha](https://forum.bubble.io/u/Siddhartha)\
**Post date:** [August 25, 2020, 3:35pm UTC](https://forum.bubble.io/t/how-do-you-get-rid-of-vertical-scrollbar/108170/3 "2020-08-25T15:35:17Z")

</div>

I will checkout for plugins Tal. Hopefully it isn’t too expensive. Thanks for the pointer.

---

<div class="post-metadata">

**Author:** ![Nocodify](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/nocodify/32/104659_2.png) [@Nocodify](https://forum.bubble.io/u/Nocodify)\
**Post date:** [August 25, 2020, 3:43pm UTC](https://forum.bubble.io/t/how-do-you-get-rid-of-vertical-scrollbar/108170/4 "2020-08-25T15:43:26Z")

</div>

I believe it’s a free plugin! 🙂

---

<div class="post-metadata">

**Author:** ![sharma.himanshu0608](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/sharma.himanshu0608/32/81321_2.png) [@sharma.himanshu0608](https://forum.bubble.io/u/sharma.himanshu0608)\
**Post date:** [August 25, 2020, 5:15pm UTC](https://forum.bubble.io/t/how-do-you-get-rid-of-vertical-scrollbar/108170/5 "2020-08-25T17:15:53Z")

</div>

You’ll need to use CSS for that.

1. Install Classify plugin (free).
2. Add an ID attribute to your RG - myGroup{addClass: “scrollClass”}
3. Put a HTML element on the page and copy paste this code

![brave_ErsRaKfCYw](https://us1.discourse-cdn.com/bubble/original/3X/9/6/9616c20a2e6da0a9adb6f386d4e9f735aac6a09a.png)  
I have a different setup that is working over here -

> **[Bubble Editor - Nocodeassistant-tutorials](https://bubble.io/page?type=page&name=testimonials&id=nocodeassistant-tutorials&tab=tabs-1)**
>
> 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.

> **[Remove scrollbar from repeating groups | Bubble tutorial](https://nocodeassistant.com/remove-scrollbar-from-repeating-groups/)**
>
> You can remove the scroll-bar from your Repeating groups to create a cleaner design

---

<div class="post-metadata">

**Author:** ![julienallard1](https://avatars.discourse-cdn.com/v4/letter/j/ac8455/32.png) [@julienallard1](https://forum.bubble.io/u/julienallard1)\
**Post date:** [August 25, 2020, 5:18pm UTC](https://forum.bubble.io/t/how-do-you-get-rid-of-vertical-scrollbar/108170/6 "2020-08-25T17:18:56Z")

</div>

You can give your repeating group an ID and hide the scrollbar putting this CSS into an HTML element on the page:

> `<style>`  
> `#yourID::-webkit-scrollbar { display: none; }`  
> `#yourID {`  
> `-ms-overflow-style: none;`  
> ` scrollbar-width: none;`  
> `}`  
> `</style>`

---

<div class="post-metadata">

**Author:** ![jmbarquet](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/jmbarquet/32/124729_2.png) [@jmbarquet](https://forum.bubble.io/u/jmbarquet)\
**Post date:** [October 15, 2020, 6:28pm UTC](https://forum.bubble.io/t/how-do-you-get-rid-of-vertical-scrollbar/108170/7 "2020-10-15T18:28:12Z")

</div>

Hey there @julienallard1 ! any idea on how to remove the scrollbar from the whole page, not just a RG?

Thanks!🙂

---

<div class="post-metadata">

**Author:** ![julienallard1](https://avatars.discourse-cdn.com/v4/letter/j/ac8455/32.png) [@julienallard1](https://forum.bubble.io/u/julienallard1)\
**Post date:** [October 16, 2020, 8:21pm UTC](https://forum.bubble.io/t/how-do-you-get-rid-of-vertical-scrollbar/108170/8 "2020-10-16T20:21:34Z")

</div>

Perhaps you could replace _“#yourID”_ by _“body, html”_

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/bubble/original/3X/2/8/2847faa74692c2ffa5d939d3dc3724cdd060d247.png) [@system](https://forum.bubble.io/u/system)\
**Post date:** [November 3, 2020, 3:28pm UTC](https://forum.bubble.io/t/how-do-you-get-rid-of-vertical-scrollbar/108170/9 "2020-11-03T15:28:21Z")

</div>

Closed on November 3, 2020, 3:28pm UTC

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