Bubble.io Hide Scroll Bar
Copy the below code and insert into an HTML element to hide repeating group scrollbars on Bubble.io:
<style type="text/css">
::-webkit-scrollbar {
width: 0px;
height: 0px;
}
::-webkit-scrollbar-button {
width: 0px;
height: 0px;
}
::-webkit-scrollbar-thumb {
background: transparent;
border: 0px none;
border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
background: transparent;
}
::-webkit-scrollbar-thumb:active {
background: transparent;
}
::-webkit-scrollbar-track {
background: transparent;
border: 0px none;
border-radius: 0px;
}
::-webkit-scrollbar-track:hover {
background: transparent;
}
::-webkit-scrollbar-track:active {
background: transparent;
}
::-webkit-scrollbar-corner {
background: transparent;
}
/* Thin Scrollbar */
:root{
scrollbar-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
scrollbar-width: thin !important;
}
</style>
For a video tutorial check out Bubble.io Hide Scrollbars - YouTube Tutorial.
Tags: remove bubble.io scroll bar, bubble delete repeating group scrollbar, eliminate scroll