CSS hide scroll bar, but have element scrollable

Question

I have this element called items and the content inside the element is longer than the element height, I want to make it scrollable but hide the scroll bar, how would I do that?

Answer 1

if you use sass, you can try this

&::-webkit-scrollbar { 

}

Answer 2

You can hide it :

html {
  overflow:   scroll;
}
::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* make scrollbar transparent */
}

For further information, see : Hide scroll bar, but while still being able to scroll