如何在黑色区域内使用滚动条调整此框架？

<div class="frame-container">
  <!-- 框架内容 -->
</div>

.frame-container {
  width: 100%;
  height: 300px; /* 设置框架容器的高度 */
  overflow: auto; /* 显示滚动条 */
}

/* 自定义滚动条样式 */
.frame-container::-webkit-scrollbar {
  width: 8px;
}

.frame-container::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 4px;
}

.frame-container::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}