可以使用CSS样式来自定义HTML滚动条。
首先，需要将HTML页面的overflow属性设置为auto或scroll，以便在内容溢出时显示滚动条。
然后，使用CSS样式来设置滚动条的样式。以下是一个示例：
```css
/* 滚动条的样式 */
/* 滚动条轨道 */
::-webkit-scrollbar-track {
background-color: #f5f5f5;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
background-color: #888;
border-radius: 10px;
}
/* 鼠标悬停在滚动条上时的样式 */
::-webkit-scrollbar-thumb:hover {
background-color: #555;
}
/* 滚动条的角 */
::-webkit-scrollbar-corner {
background-color: #f5f5f5;
}
```
可以根据需要自定义滚动条的颜色、大小、形状等属性。
请注意，这种方法只适用于使用WebKit内核的浏览器，如Chrome、Safari等。对于使用其他浏览器的用户，可以使用对应的前缀来设置滚动条样式，例如使用::-moz-scrollbar来针对Firefox浏览器。
同时，还可以使用JavaScript来控制滚动条的行为和位置。可以使用Element对象的scroll方法来滚动到指定位置。
例如，使用以下代码将页面滚动到顶部：
```javascript
document.documentElement.scrollTop = 0;
```
