How to hide scrollbars with html?

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?

1 Like

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

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.

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

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

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?


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