在Web開發中，當一個元素的內容超過了它的高度限制，瀏覽器會自動創建一個垂直滾動條以便用戶可以滾動查看全部內容。但是在某些情況下，需要超過一個高度的滾動條，以便內容可以在同一個頁面中全部顯示。

要實現這個效果，我們需要使用CSS中的overflow-y屬性。該屬性控制當內容超出元素高度限制時，是否顯示滾動條。可選的屬性值包括：

overflow-y: auto;     /* 只有當內容超出高度限制時，顯示滾動條 */
overflow-y: scroll;   /* 無論內容是否超出高度限制，都顯示滾動條 */
overflow-y: visible;  /* 即使內容超出高度限制，也不顯示滾動條 */
overflow-y: hidden;   /* 當內容超出高度限制時，內容被隱藏不可見 */

為了創建一個超過一個高度的滾動條，我們需要將該屬性設置為scroll，同時還需要為元素指定一個max-height值。然后，當元素內的內容超出了其最大高度后，滾動條將一直保留，直到用戶將其滾動到底部為止。

.scroll-box {
max-height: 300px;
overflow-y: scroll;
}

上面的代碼將為一個名為.scroll-box的元素創建一個最大高度為300px的滾動條。無論該元素內的內容是否超出了其高度限制，滾動條始終保留，并且用戶可以手動滾動它，直到查看到所有內容為止。

通過使用CSS中的overflow-y: scroll屬性，我們可以輕松地創建超過一個高度的滾動條，以便在同一個頁面中顯示大量的內容。