在CSS中，我們可以通過(guò)設(shè)置元素的樣式來(lái)添加滾動(dòng)條，我們可以使用overflow屬性來(lái)控制元素的溢出內(nèi)容，并通過(guò)scroll值來(lái)添加滾動(dòng)條，以下是一些示例代碼：

示例1：添加垂直滾動(dòng)條

div {
  height: 200px;
  width: 100px;
  border: 1px solid #000;
  padding: 10px;
  overflow-y: scroll;
}

示例2：添加水平和垂直滾動(dòng)條

div {
  height: 200px;
  width: 100px;
  border: 1px solid #000;
  padding: 10px;
  overflow: scroll;
}

示例3：自定義滾動(dòng)條樣式

CSS還支持自定義滾動(dòng)條的樣式，例如改變滾動(dòng)條的背景色、邊框等，以下是一個(gè)示例：

div {
  height: 200px;
  width: 100px;
  border: 1px solid #000;
  padding: 10px;
  overflow: scroll;
  scrollbar-color: #ff0000 #00ff00; /* 自定義滾動(dòng)條顏色和背景 */
}

示例4：隱藏滾動(dòng)條，但保持可滾動(dòng)狀態(tài)

我們可能希望元素保持可滾動(dòng)狀態(tài)，但隱藏滾動(dòng)條，可以通過(guò)設(shè)置scroll值為smooth來(lái)實(shí)現(xiàn)：

div {
  height: 200px;
  width: 100px;
  border: 1px solid #000;
  padding: 10px;
  overflow-y: smooth; /* 保持可滾動(dòng)狀態(tài)，但隱藏垂直滾動(dòng)條 */
}

CSS中添加滾動(dòng)條的方法

1、使用overflow屬性控制元素的溢出內(nèi)容。

2、通過(guò)設(shè)置scroll值來(lái)添加滾動(dòng)條。

3、可以自定義滾動(dòng)條的樣式。

4、使用smooth值隱藏滾動(dòng)條，但保持可滾動(dòng)狀態(tài)。