I need to remove scroll bar from a floating group, I added some css style but it’s not working.
The app I am working on does not show the scrollbars and this is how I did it. You may not need every bit, but this is all our scrollbar css. Add the following code in your Settings > SEO/meta-tags > Script in the body:
div::-webkit-scrollbar {
display: none;
overflow: hidden;
overflow-y: none;
}
::-webkit-scrollbar {
width: 0px;
height: 0px;
}
::-webkit-scrollbar-button {
width: 0px;
height: 0px;
}
::-webkit-scrollbar-thumb {
background: #8f8f90;
border: 0px none #ffffff;
border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
background: #616162;
}
::-webkit-scrollbar-thumb:active {
background: #646464;
}
::-webkit-scrollbar-track {
background: #c2c2c7;
border: 0px none #ffffff;
border-radius: 64px;
}
::-webkit-scrollbar-track:hover {
background: #c2c2c7;
}
::-webkit-scrollbar-track:active {
background: #f7f7f7;
}
::-webkit-scrollbar-corner {
background: transparent;
}
@williamtisdale Thanks so much man, I’ll try it out
@williamtisdale So I was able to find another alternative.
I added the following code to an html element and target the floating group with its ID
#noscrollbar::-webkit-scrollbar { width: 0px; height: 0px; } #noscrollbar::-webkit-scrollbar-button { width: 0px; height: 0px; } #noscrollbar{ -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } #noscrollbar::-webkit-scrollbar-thumb { background: transparent; border: 0px none; border-radius: 0px; } #noscrollbar::-webkit-scrollbar-thumb:hover { background: transparent; } #noscrollbar::-webkit-scrollbar-thumb:active { background: transparent; } #noscrollbar::-webkit-scrollbar-track { background: transparent; border: 0px none; border-radius: 0px; } #noscrollbar::-webkit-scrollbar-track:hover { background: transparent; } #noscrollbar::-webkit-scrollbar-track:active { background: transparent; } #noscrollbar::-webkit-scrollbar-corner { background: transparent; }Blockquote
This topic was automatically closed after 70 days. New replies are no longer allowed.