Scroll bar

Scrollbar menunjukkan posisi pengguna dalam dokumen yang lebih besar dari ruang tampilan. Scrollbar memungkinkan pengguna untuk menavigasi ke bagian dokumen lainnya dengan menggeser area tampilan jendela ke atas atau ke bawah.

Pengguna berinteraksi dengan bilah gulir menggunakan sentuhan, roda putar, atau touchpad. Mengetuk panah pada bilah gulir akan memindahkan konten per halaman, yaitu, peningkatan yang setara dengan tinggi layar. Namun, jika pengguna dengan cepat menggeser untuk menggulir (tergantung pada sensitivitas layar sentuh), gerakan geser tersebut dapat menciptakan momentum inersia yang menggulir lebih jauh dari satu halaman. Terlepas dari bagaimana pengguliran dimulai, gerakan pengguliran harus selalu menempel pada item.

Anatomi

Scrollbar terdiri dari tombol gulir ke atas dan ke bawah serta indikator kemajuan gulir. Tanda panah digunakan pada tombol gulir untuk menunjukkan arah pengguliran. Indikator kemajuan gulir adalah elemen opsional yang menunjukkan konten yang terlihat dan posisi gulir relatif terhadap jumlah total konten di halaman.

Spesifikasi

Posisi bilah gulir dengan navigasi utama bertumpuk dan bilah kontrol yang diminimalkan

Posisi bilah gulir hanya dengan header aplikasi

Posisi bilah gulir dengan header aplikasi dan bilah kontrol

Posisi bilah gulir dengan header aplikasi dan bilah kontrol yang diperluas

Posisi bilah gulir dengan bilah aplikasi/header dan bilah kontrol yang diminimalkan

Posisi bilah gulir hanya dengan bilah aplikasi/header

Posisi bilah gulir dengan header aplikasi dan bilah kontrol

Posisi bilah gulir dengan header aplikasi dan bilah kontrol yang diperluas

Posisi bilah gulir dengan tinggi layar pendek

Indikator kemajuan pengguliran opsional

Gaya

Warna

Perekat

Contoh