在進行web開發過程中，我們經常會遇到頁面需要滾動的情況，然而有時候我們所編寫的css樣式卻無法實現y軸滾動的效果，這是為什么呢？

.no-scroll {
overflow-y: hidden;
}

造成無法滾動的原因是該頁面的CSS樣式中使用了overflow-y: hidden;，該屬性使元素上下滾動條隱藏，因此無法實現y軸滾動。

解決該問題的方法也非常簡單，只需要將overflow-y: hidden;改為overflow-y: auto;或overflow-y: scroll;即可使元素上下方出現滾動條，實現y軸滾動。

.scroll {
overflow-y: auto;
}

在使用overflow-y: scroll;時，即使內容未超出元素高度，也會始終顯示滾動條，而overflow-y: auto;則會根據內容是否超出元素高度自動決定是否顯示滾動條。

綜上所述，使用CSS實現y軸滾動很簡單，只需正確設置overflow-y屬性即可。