Scrollbar still visible after applying display:none;

Need help Mobile
1

Hello,

I am trying to hide my scroll bar since I will be wrapping my Bubble app and releasing it as an app, I do not want the scrollbar visible.

I managed to do this by using the following CSS stored on the top level page:

#scrollbar::-webkit-scrollbar{
display:none;
}

I then add the ID attribute “scrollbar” to the top level page. This was working fine until recently, when it stopped working all of a sudden.

This still works inside elements such as repeating groups but not on the top level.

I contacted Bubble support and they suggested I should post on here. If anyone has any suggestions on how to fix this or has run into this problem recently please let me know!

2

Try this:

/* Hide scrollbar on all browsers */
body::-webkit-scrollbar {
  display: none !important;
}

body {
  scrollbar-width: none !important; /* Firefox */
  -ms-overflow-style: none !important; /* IE/Edge */
}
4

Hey,

Thank you, this seems to work on desktop but not mobile…

ezgif-2-fe29a791f2