CSS

how to hide scrollbar overflow

html {
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 0px; /* remove scrollbar space /
background: transparent; / optional: just make scrollbar invisible /
}
/ optional: show position indicator in red */
::-webkit-scrollbar-thumb {
background: #FF0000;
}

hide overflow but still scroll

  overflow: auto;

overflow scroll scroller hide

"&::-webkit-scrollbar": {
   display: "none",
   width: 0
  },
 "-ms-oveflow-style": "none" /*IE and Edge*/,
 "scrollbar-width": "none" /*Firefox*/,

hide the scrollbar in css if not overflow

.myClass {
  /*auto will remove and add the scroll bar as needed*/
  overflow: auto;
}