CSS是一種非常重要的前端技術，它可以讓網頁擁有更好的呈現效果和可交互性。而本文所要介紹的 CSS 可滑動隱藏滾動條，也是 CSS 的一種重要應用之一。

/* 先定義一個父元素 */
 .scrollable {
/* 設定固定的寬度和高度 */
width: 300px;
height: 200px;
/* 設定內容溢出時顯示滾動條 */
overflow: scroll;
/* 取消系統默認的滾動條樣式 */
-webkit-scrollbar: none;
scrollbar-width: none;
 }
 /* 定義滾動條樣式 */
 .scrollable::-webkit-scrollbar {
width: 0;
height: 0;
 }

在代碼中，我們使用了一個名為.scrollable的父元素，該元素設定了一個固定的寬度和高度，并設定了內容溢出時顯示滾動條。

然后，通過-webkit-scrollbar: none;和scrollbar-width: none;屬性，取消了系統默認的滾動條樣式。

最后，定義了滾動條的樣式，使用了::-webkit-scrollbar偽元素來控制滾動條的寬度和高度。

通過這樣的方式，我們可以非常方便地控制滾動條的樣式和交互方式，使得網頁擁有更好的視覺效果和用戶體驗。