CSS中的豎向滾動（Vertical Scrolling） 豎向滾動是在Web開發中一種比較常見的需求，它允許頁面在可視范圍之外的內容進行滾動，展示隱藏內容。 在CSS中，豎向滾動可以使用overflow屬性來實現。當溢出一個容器時，如果將容器的overflow屬性設置為“auto”或“scroll”，那么就會生成一個豎向滾動條，使得用戶可以滾動內容以查看更多的內容。下面是一個例子：

p {
height: 200px;
overflow-y: auto;
}

上面的代碼使用了overflow-y屬性來實現豎向滾動，并將p元素的高度設置為200像素。這意味著如果p元素內的內容超過了200像素的高度，就會生成一個豎向滾動條。 需要注意的是，如果沒有指定元素的高度，那么overflow屬性將不會起作用。因為只有當元素的內容溢出時才會生成滾動條。 除了使用overflow屬性之外，還可以使用JavaScript來實現豎向滾動。例如，可以使用scrollTop屬性來獲取或設置元素的滾動位置。下面是一個例子：

var p = document.querySelector('p');
p.scrollTop = 100;

上面的代碼將p元素的滾動位置設置為100像素。當用戶滾動p元素時，可以使用scrollTop屬性獲取當前的滾動位置。 總之，豎向滾動是一種非常常見的需求，在CSS中可以使用overflow屬性來實現它。如果需要更高級的控制，還可以通過JavaScript來實現。