CSS如何取消網(wǎng)頁(yè)右側(cè)滑動(dòng)條？

在有些情況下，我們可能不想讓網(wǎng)頁(yè)出現(xiàn)右側(cè)的滑動(dòng)條，可以通過(guò)CSS去掉。

方法如下：

body {
overflow-y: hidden;
}

上述代碼中，overflow-y屬性用來(lái)控制垂直方向上的滾動(dòng)條。將其設(shè)置為hidden，就可以隱藏垂直方向上的滾動(dòng)條，即右側(cè)的滾動(dòng)條不再顯示。當(dāng)然，如果要恢復(fù)右側(cè)滾動(dòng)條，將該屬性設(shè)置為auto即可。

在某些特殊情況下，可能需要在頁(yè)面中使用滾動(dòng)條，但是又不想顯示右側(cè)的滾動(dòng)條，此時(shí)可以采用以下方法：

body::-webkit-scrollbar {
width: 0px !important;
}

上述代碼中，-webkit-scrollbar偽類(lèi)選擇器可以選擇滾動(dòng)條，將該選擇器設(shè)為寬度為0即可隱藏滾動(dòng)條。但是需要注意的是，該方法僅在Webkit內(nèi)核的瀏覽器中生效，如Chrome、Safari等。