How to hide scrollbars with html?

grace.hallak · 2020-06-06T14:51:33.907Z

Hello, I am trying to hide scrollbars using html. But it is not working with me. I am using this code “#repeating_group_id{ overflow-y:hidden !important; }”. Any ideas why?

lantzgould · 2020-06-06T19:00:28.717Z

Where are you placing the html element? Try putting it at the very top center of the page.

grace.hallak · 2020-06-06T19:08:53.330Z

I am placing it near the repeating group. Can you set up an example? I am not sure I am writing the name of the repeating group in the code correctly.

grace.hallak · 2020-06-10T04:16:27.257Z

hello. Do I need to replace anything in the code so it can work?

casheets123 · 2020-06-10T04:44:34.669Z

You could do it with CSS and using the brilliant plugin Classify.

Install the plugin
add a class to the RG by adding this in the ID field of the RG myGroup{addClass: “scrollClass”}
add this in an HTML Element on the page

<style>
    
.scrollClass {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
.scrollClass::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}
    
</style>

grace.hallak · 2020-06-10T05:11:55.323Z

thanks for the solution. It kind of worked. It is being visible first but when I click on it to use it, it disappears. The background is white. How to change the color of the background to transparent?

scroll2

system · 2020-08-15T14:51:34.029Z

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