HTML5怎么設置滾動 滾動是web頁面中經常使用的功能，可以讓頁面在有限的空間內展現更多的內容。在HTML5中，我們可以使用CSS樣式來控制頁面元素的滾動。 具體實現方法如下： 1. 使用overflow屬性 在HTML頁面中，我們可以使用overflow屬性控制頁面元素的滾動。該屬性可以取值為"auto"、"hidden"、"scroll"和"visible"。其中，"auto"表示當頁面元素內容超出容器時自動顯示滾動條，"hidden"表示隱藏超出容器的內容，"scroll"表示總是顯示滾動條，"visible"則表示不顯示滾動條。 比如，下面的代碼設置了一個div元素，內容超出容器時自動顯示滾動條：

<style>
div {
width: 200px;
height: 100px;
overflow: auto;
}
</style>
<div>
這是一段很長的內容...
</div>

2. 使用CSS3的新特性 CSS3提供了一種新的滾動條樣式，可以讓滾動條更加美觀。具體實現方式如下：

<style>
/* 容器樣式 */
div {
width: 200px;
height: 100px;
overflow: auto;
scrollbar-width: thin;
scrollbar-color: #333 #fff;
}
/* 滾動條軌道 */
::-webkit-scrollbar-track {
background-color: #fff;
}
/* 滾動條滑塊 */
::-webkit-scrollbar-thumb {
background-color: #333;
}
/* 滾動條角落 */
::-webkit-scrollbar-corner {
background-color: #fff;
}
</style>
<div>
這是一段很長的內容...
</div>

以上就是HTML5設置滾動的兩種方式，通過掌握這些方法，我們可以在web頁面上實現各種滾動效果，為用戶提供更好的閱讀體驗。