设置竖滚动条

要在一个 HTML 元素中设置竖滚动条，可以使用 CSS 的 overflow 属性。例如，要在一个 div 元素中添加竖滚动条，可以这样写：

<div style="height: 200px; overflow-y: scroll;">
  <!-- 这里是需要滚动的内容 -->
</div>

其中，height 属性用于设置容器的高度，overflow-y 属性用于控制竖向滚动条的显示。当内容高度超过容器高度时，竖向滚动条就会自动出现。如果想要始终显示竖向滚动条，可以使用 overflow-y: scroll;。如果希望只在需要时才显示竖向滚动条，可以使用 overflow-y: auto;。

相关问题

设置竖滚动条距离左边距离

如果你想设置一个元素的竖向滚动条距离左边的距离，可以使用 CSS 的 `left` 属性。例如：

.element::-webkit-scrollbar {
  left: 20px; /* 设置滚动条距离左侧的距离为 20px */
}

其中，`::-webkit-scrollbar` 是一个伪元素，用于设置滚动条样式。需要注意的是，不同浏览器可能对该伪元素的支持不一样，所以你可能需要针对不同的浏览器使用不同的前缀。

只显示竖滚动条

您可以使用CSS样式来实现只显示竖向滚动条的效果，具体的代码如下：

/* 隐藏水平滚动条 */
body {
  overflow-x: hidden;
}

/* 显示竖向滚动条 */
body::-webkit-scrollbar {
  width: 6px;  /* 设置滚动条宽度 */
}

body::-webkit-scrollbar-thumb {
  background-color: #ccc;  /* 设置滚动条颜色 */
}

将上述代码添加到您的CSS文件中，或者直接在HTML文件的`<style>`标签中添加即可。