在開發網頁時，滾動條是非常重要的組成部分。HTML5提供了一些方法來設置滾動條，讓我們來看一下。

首先，我們可以使用CSS來控制滾動條。在CSS中，我們可以使用如下代碼：

::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background-color: #f2f2f2;
}
::-webkit-scrollbar-thumb {
background-color: #888;
border-radius: 5px;
}

代碼中的-webkit是一個前綴，用于適應各種瀏覽器。如果您希望在其他瀏覽器中使用這個代碼，請替換這個前綴。

上述代碼將設置滾動條寬度為10像素，每個滾動條軌道的背景顏色為 #f2f2f2，滾動條拇指的背景顏色為 #888，并將拇指的邊界半徑設置為 5 像素。

當然，您也可以使用JavaScript來設置滾動條。以下是一個例子：

document.getElementById("myDiv").onscroll = function() {myFunction()};
function myFunction() {
var scrollY = document.getElementById("myDiv").scrollTop;
document.getElementById("demo").innerHTML = "Scrolled " + scrollY + " pixels";
}

代碼中的myDiv是您希望設置滾動條的元素 ID，demo是您希望顯示滾動條位置的元素 ID。當您滾動該元素時，函數將計算滾動距離并在 demo 元素中顯示它。

以上是HTML5如何設置滾動條的一些方法。順便提一下，滾動條不僅僅是一個輔助組件，它還可以增加網站的視覺吸引力和用戶體驗。