How to hide scrollbars with html?

Need help
1

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?

2

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

3

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.

4

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

5

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

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