2

Hello @augusto1,
In the group that you want to do away with the page scroll, insert an HTML element and copy-paste the CSS styling below, you can make the dimension very small so it won’t be noticeable on page load.

<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>

Hope this helps :slightly_smiling_face:

1 Like