CSS3是一種強大的樣式規范，允許設計人員在網頁中使用更豐富的效果，其中包括觸摸滾動條的功能。

/* 滾動條樣式 */
::-webkit-scrollbar {
width: 8px; /* 滾動條寬度 */
height: 8px; /* 滾動條高度 */
}
/* 滾動條軌道 */
::-webkit-scrollbar-track {
background-color: #f5f5f5; /* 背景顏色 */
border-radius: 4px;
}
/* 滾動條thumb */
::-webkit-scrollbar-thumb {
background-color: #000000; /* 滾動條顏色 */
border-radius: 4px;
}
/* 滾動條hover */
::-webkit-scrollbar-thumb:hover {
background-color: #999999;
}

使用上述CSS代碼可以設置滾動條的樣式，其中包括寬度、高度、軌道的背景顏色和thumb的顏色和hover時的顏色。

同時，如果希望在touchscreen設備上使用觸摸滾動條，也可以為它們添加touch-action屬性，如下所示：

/* 觸摸滾動條 */
body {
touch-action: pan-y; /* 只允許上下拖動 */
}

通過touch-action屬性，這段代碼將在移動設備上允許用戶只沿垂直方向拖動滾動條。

使用CSS3的觸摸滾動條，設計師可以控制網站上出現的滾動條的外觀，并在觸摸設備上提供可靠的使用體驗。