如何让这个jQuery滚动条直接出现在div容器的边缘？

<div class="scroll-container" style="height: 200px; width: 300px; overflow-y: scroll;">
   <!-- 这里放置内容 -->
</div>

.scroll-container::-webkit-scrollbar {
  width: 0.8em; /* 设置滚动条宽度 */
  background-color: transparent; /* 设置滚动条背景颜色 */
}

.scroll-container::-webkit-scrollbar-thumb {
  background-color: #888; /* 设置滚动条滑块颜色 */
  border-radius: 10px; /* 设置滚动条滑块边角弧度 */
}

.scroll-container::-webkit-scrollbar-thumb:hover {
  background-color: #555; /* 设置滚动条滑块在鼠标悬停时的颜色 */
}

$('.scroll-container').scrollbar();