在HTML中，常常會有需要在頁面中使用滾動條的情況，而在CSS中，我們可以通過設(shè)置overflow屬性來控制滾動條的出現(xiàn)與隱藏。下面就來學(xué)習(xí)如何只讓上下滾動條出現(xiàn)。

/*在包含內(nèi)容的父容器中設(shè)置如下CSS屬性*/
.parent {
overflow-y: scroll; /*僅僅控制上下滾動*/
overflow-x: hidden; /*避免橫向滾動條出現(xiàn)*/
}

以上代碼中的parent就是包含內(nèi)容的父容器，通過設(shè)置overflow-y屬性為scroll，可以讓內(nèi)容在超出父容器的情況下，只出現(xiàn)上下滾動條而不出現(xiàn)橫向滾動條。同時，設(shè)置overflow-x為hidden，可以隱藏橫向滾動條的出現(xiàn)。

實際應(yīng)用中，我們可以將以上代碼應(yīng)用在特定的元素中，如下面的例子展示了如何給id為example節(jié)點的元素添加上下滾動條。

/*HTML*/
這里是需要滾動的內(nèi)容
這里是需要滾動的內(nèi)容
這里是需要滾動的內(nèi)容
這里是需要滾動的內(nèi)容
這里是需要滾動的內(nèi)容
這里是需要滾動的內(nèi)容
/*CSS*/
#example {
height: 100px; /*設(shè)置父容器的高度*/
overflow-y: scroll;
overflow-x: hidden;
}

以上代碼中，我們給id為example的元素設(shè)置了一定的高度100px，讓內(nèi)容超出時，就只會顯示上下滾動條。

至此，我們學(xué)習(xí)了如何在CSS中實現(xiàn)只顯示上下滾動條的方法，希望能夠?qū)Υ蠹矣兴鶐椭?/p>