スクロールバーは、表示領域よりも広いドキュメント内でのユーザーの位置を示します。ユーザーは、スクロールバーを使用して、ウィンドウの表示領域を上下に移動することで、ドキュメントの残りの部分に移動できます。
ユーザーは、タッチ、回転ホイール、またはタッチパッドを使用してスクロールバーを操作します。スクロールバー内の矢印をタップすると、コンテンツがページ単位で移動します。これは、画面の高さに相当する増分です。ただし、ユーザーが素早くスクロールしようとした場合（タッチスクリーンの感度によって異なります）、その動きによって慣性モーメントが生じ、1ページ分以上スクロールしてしまう可能性があります。スクロールの開始方法に関わらず、スクロール動作は常にアイテムにスナップする必要があります。
解剖学
スクロールバーは、スクロールアップとスクロールダウンのアフォーダンスと、スクロールプログレスインジケーターで構成されています。スクロールアフォーダンスでは、V字型の矢印がスクロール方向を示すために使用されます。スクロールプログレスインジケーターはオプションの要素で、ページ上のコンテンツ全体に対する表示コンテンツとスクロール位置を示します。
2. スクロール進行状況インジケーター
3. スクロールダウンアフォーダンス
仕様
プライマリナビゲーションを積み重ね、コントロールバーを最小化したスクロールバーの位置
アプリヘッダーのみのスクロールバーの位置
アプリヘッダーとコントロールバーのスクロールバーの位置
アプリヘッダーと拡張コントロールバーのスクロールバーの位置
アプリバー/ヘッダーと最小化されたコントロールバーでのスクロールバーの位置
アプリバー/ヘッダーのみのスクロールバーの位置
アプリヘッダーとコントロールバーのスクロールバーの位置
アプリヘッダーと拡張コントロールバーのスクロールバーの位置
画面の高さが短い場合のスクロールバーの位置
オプションのスクロール進行状況インジケーター
スタイル
色
| 要素 | カラー（デイモード） | カラー（夜間モード） |
|---|---|---|
| プライマリアイコン - アクティブ状態 | 白 | 白 @ 88% |
| プライマリアイコン - 非アクティブ状態 | 白 @ 56% | 白 @ 50% |
| スクロール進行状況インジケーター | 白 @ 16% | 白 @ 12% |
サイズ
| 要素 | サイズ（dp） |
|---|---|
| プライマリアイコン | 44 |
| タッチターゲット | 76 |
| スクロール進行状況インジケーターの幅 | 6 |
| 丸い角の半径（R4） | 満杯 |
例
