スクロールさせる領域だけどスクロールバーは非表示にしたい。

<div>
  <ul class="sample1-ul">
    <li class="sample1-li">この領域はスクロールします</li>
    <li class="sample1-li">右側にスクロールバーが出ます</li>
    <li class="sample1-li">今回の記事では</li>
    <li class="sample1-li">このスクロールバーを消します。</li>
    <li class="sample1-li">話を簡潔にするために</li>
    <li class="sample1-li">横スクロールバーは</li>
    <li class="sample1-li">出していません。</li>
    <li class="sample1-li">(´ぅω・｀)ﾈﾑｲ</li>
  </ul>
</div>

.sample1-ul {
  padding: 0;
  width: 300px;
  height: 88px;
  overflow-y: scroll;
  border: 1px solid #ccc
}
.sample1-li {
  list-style: none!important;
  padding: 4px
}

.sample1-li:nth-child(even) {
  background: #eff
}

.sample1-li:nth-child(odd) {
  background: #fec;
}

<div>
  <ul class="sample2-ul">
    <li class="sample2-li">この領域はスクロールします</li>
    <li class="sample2-li">Webkit系のブラウザで</li>
    <li class="sample2-li">スクロールバーは消えています</li>
    <li class="sample2-li">FireFoxでは出ます</li>
    <li class="sample2-li">話を簡潔にするために</li>
    <li class="sample2-li">横スクロールバーは</li>
    <li class="sample2-li">出していません。</li>
    <li class="sample2-li">(´ぅω・｀)ﾈﾑｲ</li>
  </ul>
</div>

.sample2-ul {
  padding: 0;
  width: 300px;
  height: 96px;
  overflow-y: scroll;
  border: 1px solid #ccc
}
.sample2-ul::-webkit-scrollbar {
  display: none;
}
.sample2-li {
  list-style: none!important;
  padding: 4px
}

.sample2-li:nth-child(even) {
  background: #eff
}

.sample2-li:nth-child(odd) {
  background: #fec;
}

<div class="sample3-wrap">
  <ul class="sample3-ul">
    <li class="sample3-li">この領域はスクロールします</li>
    <li class="sample3-li">すべてのブラウザで</li>
    <li class="sample3-li">おそらくですけど</li>
    <li class="sample3-li">スクロールバーは出ません。</li>
    <li class="sample3-li">横スクロールバーは</li>
    <li class="sample3-li">もちろん出ません。</li>
    <li class="sample3-li">(´ぅω・｀)ﾈﾑｲ</li>
  </ul>
</div>

.sample3-wrap {
  padding: 0;
  width: 300px;
  overflow-x: hidden;
  overflow-y: hidden;
  border: 1px solid #ccc
}
.sample3-ul {
  margin: 0;
  padding: 0;
  height: 96px;
  width: calc(100% + 17px);
  padding-right: 17px;
  overflow-y: scroll;
}
.sample3-li {
  list-style: none!important;
  padding: 4px
  width: 300px;
}

.sample3-li:nth-child(even) {
  background: #eff
}

.sample3-li:nth-child(odd) {
  background: #fec;
}