在CSS中，我們可以通過(guò)設(shè)置overflow屬性來(lái)控制元素的滾動(dòng)條顯示，如果我們只想設(shè)置豎的滾動(dòng)條，可以通過(guò)以下方式實(shí)現(xiàn)：

1、設(shè)置元素的高度：我們需要確保元素有一個(gè)明確的高度，如果沒(méi)有明確的高度，滾動(dòng)條可能不會(huì)顯示，我們可以通過(guò)height屬性來(lái)設(shè)置元素的高度。

2、啟用垂直滾動(dòng)：我們可以使用overflow-y屬性來(lái)啟用垂直滾動(dòng)。overflow-y: auto會(huì)讓瀏覽器在需要時(shí)顯示垂直滾動(dòng)條。

3、可選：自定義滾動(dòng)條樣式：我們還可以自定義滾動(dòng)條的樣式，比如顏色、寬度等，這可以通過(guò)::-webkit-scrollbar偽元素來(lái)實(shí)現(xiàn)，但需要注意的是，這種方式可能在不同瀏覽器上表現(xiàn)不一致。

下面是一個(gè)簡(jiǎn)單的示例代碼：

.vertical-scroll {
  height: 200px; /* 設(shè)置元素高度 */
  overflow-y: auto; /* 啟用垂直滾動(dòng) */
}
/* 自定義滾動(dòng)條樣式 */
.vertical-scroll::-webkit-scrollbar {
  width: 10px; /* 滾動(dòng)條寬度 */
  background-color: #f1f1f1; /* 滾動(dòng)條背景色 */
}
.vertical-scroll::-webkit-scrollbar-thumb {
  background-color: #888; /* 滾動(dòng)條滑塊顏色 */
}

在HTML中，我們可以這樣應(yīng)用樣式：

<div class="vertical-scroll">
  <!-- 內(nèi)容 -->
</div>

這樣，當(dāng)內(nèi)容超過(guò)設(shè)置的高度時(shí)，就會(huì)顯示一個(gè)豎直的滾動(dòng)條，如果需要進(jìn)一步的自定義樣式或功能，可以參考更詳細(xì)的CSS文檔或在線資源。