Hide Scrollbar

Hide scrollbar in any browser.

HTML

<div class="scroll-cover">
  <div class="container">
    <p>LINE 1</p>
    <p>LINE 2</p>
    <p>LINE 3</p>
    <p>LINE 4</p>
    <p>LINE 5</p>
    <p>LINE 6</p>
    <p>LINE 7</p>
    <p>LINE 7</p>
    <p>LINE 7</p>
    <p>LINE 7</p>
  </div>
</div>

CSS

body {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.scroll-cover {
  background-color: lime;
  overflow: auto;
  height: 100vh;
  /* margin-right: -17px; */
}

.container {
  width: 300px;
  margin: auto;
  background-color: coral;
}

p {
  margin: 0;
  padding: 16px;
  border-bottom: 1px solid gray;
}

-moz-scrollbar {
  width: 0px;
}

/* Works only webkit browsers */
@media screen and (-webkit-min-device-pixel-ratio:0) {  
  body {
    overflow: overlay;
  }
  
  .scroll-cover {
    background-color: lime;
    overflow: hidden;
    height: auto;
    margin-right: 0;
  }
}