網頁 scroll bar 顯示 | SDT 攻城獅區

之前 PM 有需求，說想要頁面上 scroll bar 會一直出現，不要等滑動的時候才顯示，

所以做了一些 CSS scroll bar 的屬性的測試，這邊做一下記錄。

// 滑動時，才會顯示。
.test {
overflow: scroll;
}
// 不滑動時，如果內容長度有超過限制的高度，也會顯示。
.test {
overflow: auto;
}

// 滑動時，才會顯示。

.test {

overflow: scroll;

}

// 不滑動時，如果內容長度有超過限制的高度，也會顯示。

.test {

overflow: auto;

}

不過這邊值得注意的一點是， windows 系統跟 mac 不太一樣，上面的設定在 window 執行的很順利，在 mac 上，還需要做一些額外的設定，才可以達到不滑動時，也出 scroll bar 的效果。

# mac 設定
# 系統偏好設定 -> 一般 -> 顯示捲軸 -> 勾選 (總是)
# 完成以上設定就可以了。

# mac 設定

# 系統偏好設定 -> 一般 -> 顯示捲軸 -> 勾選 (總是)

# 完成以上設定就可以了。