可以使用 max-height 屬性來建立純 CSS 的滑塊。

（推薦教程：css快速入門）

屬性介紹：

max-height 屬性設置元素的最大高度。max-height屬性不包括填充，邊框，或頁邊距！

代碼實現：

.slider {
  max-height: 200px;
  overflow-y: hidden;
  width: 300px;
}

.slider:hover {
  max-height: 600px;
  overflow-y: scroll;
}

總結

以上是生活随笔為你收集整理的如何建立纯css的滑块的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。