CSS可以對(duì)網(wǎng)頁(yè)的滾動(dòng)條進(jìn)行樣式調(diào)整，但有時(shí)候我們也可以通過CSS設(shè)置不顯示滾動(dòng)條。

/*隱藏垂直滾動(dòng)條*/
body {
overflow-y: hidden;
}
/*隱藏水平滾動(dòng)條*/
body {
overflow-x: hidden;
}

通過設(shè)置overflow-y或overflow-x屬性為hidden，我們可以讓網(wǎng)頁(yè)不再顯示垂直或水平滾動(dòng)條。

當(dāng)然，在某些情況下，我們需要用一些其他的方法來實(shí)現(xiàn)不顯示滾動(dòng)條。例如，當(dāng)我們需要一個(gè)可滾動(dòng)的網(wǎng)格組件時(shí)，我們可以通過以下代碼來實(shí)現(xiàn)：

.scrollable-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-auto-rows: 100px;
gap: 1rem;
overflow: auto;
}

這里我們使用了grid布局，并把overflow屬性設(shè)置為auto，這樣網(wǎng)格就會(huì)自動(dòng)顯示滾動(dòng)條。如果我們需要讓滾動(dòng)條不可見，我們可以通過以下代碼來實(shí)現(xiàn)：

.scrollable-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-auto-rows: 100px;
gap: 1rem;
overflow: auto;
scrollbar-width: none; /*Firefox瀏覽器*/
-ms-overflow-style: none; /*IE11*/
::-webkit-scrollbar { /*Chrome/Safari瀏覽器*/
display: none;
}
}

通過設(shè)置Firefox、IE和Chrome/Safari瀏覽器的不同滾動(dòng)條樣式，我們可以讓網(wǎng)頁(yè)上的滾動(dòng)條變得不可見。