可以使用 max-height 属性来建立纯 css 的滑块。

（推荐教程：css快速入门）

属性介绍：

max-height 属性设置元素的最大高度。max-height属性不包括填充，边框，或页边距！

CSS工具箱(专业版)

全功能 CSS 工程手册，覆盖性能优化、无障碍、设计系统与跨浏览器兼容。

下载

代码实现：

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

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

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！