當我們瀏覽網站時，經常會看到一些效果很不錯的頁面，比如上滑頁面高度會增加的效果。這種效果其實是通過CSS的滾動高度實現的，下面我們就來簡單學習一下該如何實現這個效果。

.scrollUp {
position: fixed;
bottom: -50px;
right: 50px;
background-color: #fff;
border-radius: 50%;
padding: 10px;
opacity: 0;
transition: all .5s;
pointer-events: none;
}
.scrollUp.active {
bottom: 50px;
opacity: 1;
pointer-events: auto;
}

首先定義一個“.scrollUp”的類，這個類的規則是將按鈕移動到屏幕的右下方，添加一些樣式，比如邊框半徑、背景顏色等等。該類初始狀態下，按鈕是不可見的（bottom:-50px和opacity:0）。

其次，我們添加一個“.scrollUp.active”類，這個類的規則是：當滾動高度大于一定值時，使用JavaScript/JQuery等方法將“.scrollUp”類添加到頁面中，并將按鈕的bottom屬性設置為50px，opacity屬性設置為1，使得按鈕變得可見。具體實現可以根據實際情況進行選擇。

最后，注意在HTML中添加按鈕元素，當用戶點擊該按鈕時，可以使用JavaScript實現平滑滾動到頁面頂部的效果。

綜上所述，使用CSS實現上滑高度增加的效果可以通過調整滾動高度，結合“fixed”屬性，適當添加一些動態效果來實現，希望本文所述對大家能有所幫助。