Apa yang dimaksud dengan scrollbar vertical?

Table of Contents Show

Tampilan scroll bar
Cara menggulir dan menggunakan scroll bar
Bagaimana cara saya menggunakan atau mengaktifkan scroll bar horizontal?
Berapa banyak scroll bar pada jendela?
Haruskah saya menggunakan “scroll bar” atau “scrollbar” dalam tulisan saya?
Video yang berhubungan

Fungsi Scrollbar

Fungsi Scroll Bar – Pada era globalisai ini kalian tentunya sudah pernah mendengar maupun menggunakan yang nama nya mouse pada komputer ataupun laptop, Nah pada mouse terdapat alat bantu yang bernama scrollbar. Berikut ini adalah pengertian dan fungsi dari scrollbar.

Fungsi Dari Scroll Bar

Scroll Bar ialah strip panjang dan tipis yang berada di samping jendela komputer, dapat digunakan untuk menggeser tampilan atau isi file ke atas, bawah, atau pun juga ke samping. Scroll Bar yang terletak di sebelah ujung kanan atau bawah jendela dapat memungkinkan anda memidahkan tampilan jendela ke atas, bawah, kiri, ataupun kanan. Sebagaian besar masyarakat saat ini sudah tak asing dengan scroll bar dikarenakan kebutuhan untuk menggulir ke atas dan juga ke bawah di lakukan hampir setiap saat di halaman website internet.

Berikut Fungsi – Fungsinya

Ada dua jenis scroll bar yang secara umum digunakan yaitu:

scroll bar

1.Scroll bar Vertikal

Fungsi dari scrollbar Vertikal adalah untuk menggeser ke arah atas dan bawah

2.Scroll bar Horizontal

Fungsi dari scrollbar Horizontal adalah untuk menggeser ke arah samping kanan dan kiri

Demikian tadi ialah penjelasan tentang pengertian dan fungsi dari scrollbar pada mouse. Semoga artikel ini dapan bermanfaat untuk kalian semua dan tentunya dapat menambah wawasan tentang teknologi, sekian dan terimakasih.

You can transform a UIScrollBar component horizontally and vertically while authoring and at run time. However, a vertical UIScrollBar does not allow you to modify the width, and a horizontal UIScrollBar does not allow you to modify the height. While authoring, select the component on the Stage and use the Free Transform tool or any of the Modify > Transform commands. At run time, use the setSize() method or any applicable properties of the UIScrollBar class such as the width , height , scaleX , and scaleY properties.

Note: If you use the setSize() method, you can change only the width of a horizontal scroll bar or the height of a vertical scroll bar. At the time of authoring you can set the height of a horizontal scroll bar or the width of a vertical scroll bar, but the values will be reset when the movie is published. Only the dimension of a scroll bar that corresponds to its length can be changed.

The UIScrollBar component’s styles specify only the classes for its skins and a value for FocusRectPadding, which specifies the number of pixels to use for padding between the component’s bounding box and its outside boundary. For more information about using skin styles, see About Skins .

The UIScrollBar component uses the following skins.

Both horizontal and vertical scroll bars use the same skins; when displaying a horizontal scroll bar the UIScrollBar component rotates the skins as appropriate.

Note: Changing the ScrollBar skin in one component will change it in all other components that use the ScrollBar.

The following example demonstrates how to change the color of the UIScrollBar's thumb and arrow buttons.

Create a new Flash document (ActionScript 3.0).
Drag the UIScrollBar component to the Stage and give it an instance name of mySb . In the Parameters tab, set the direction to horizontal.
Double-click the scroll bar to open its panel of skins.
Click the Up skin to select it.
Set the zoom control to 400% to enlarge the icon for editing.
Double-click the background of the right arrow (or up arrow for a vertical scroll bar) until the background is selected and its color appears in the Fill color picker in the Property inspector.
Select color #CC0033 to apply it to the button background.
Click the Back button at the left side of the edit bar above the Stage until you return to document-editing mode.
Repeat steps 6, 7, and 8 for the thumb and the left-hand arrow (or down arrow for a vertical scroll bar) elements.
Add the following code to the Actions panel on Frame 1 of the Timeline to attach the scroll bar to a TextField.
var tf:TextField = new TextField(); addChild(tf); tf.x = 150; tf.y = 100; mySb.width = tf.width = 200; tf.height = 22; tf.text = "All work and no play makes Jack a dull boy. All work and no play makes Jack a dull boy. All . . ."; mySb.y = tf.y + tf.height; mySb.x = tf.x + tf.width;x mySb.scrollTarget = tf;
Select Control > Test Movie.

The UIScrollBar component should appear as it does in the following illustration.

Horizontal ScrollBar with thumb and left and right arrows in red

Scroll bar vertikal berfungsi untuk menggeser lembar kerja ke atas dan ke bawah. Untuk menggeser lembar kerja ke kiri dan kanan, fungsi yang digunakan adalah scroll bar horizontal.

Posted by : BayuBayyz Sabtu, 31 Agustus 2013

Scrollbar atau yang disebut baris penggulung adalah sebuah kotak yang digunakan untuk menggeser layar agar kita dapat menemukan isi / kontent yang tersembunyi. Ada 2 macam scrollbar yaitu : 1. Scrollbar tegak, untuk menggeser ke bawah & ke atas lagi (Vertikal). Atau untuk melihat isi / kontent yang ada dibawah & kembali melihat isi / kontent yang ada di atasnya. 2. Scrollbar mendatar, untuk menggeser ke kanan & ke kiri lagi (Horizontal). Atau untuk melihat isi / kontent yang ada dikanan & kembali melihat isi / kontent yang ada di kiri. Nah disini saya kasih tau code membuat Scrollbar tegak dan bagaimana memasangnya pada blog. Untuk membuat scroll berikut codenya : <div style='overflow:auto; width:ancho; height:100px;'> </div> Note : </div> ditambahkan di akhir Dan yang harus dipahami tata peletakannya, karena bila salah sedikit code tersebut tidak akan work. Sebagai contoh saya memakai scroll ini pada arsip blog, contoh susunannya sebagai berikut :

<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:100px;'> <div id='ArchiveList'> <div expr:id='data:widget.instanceId + "_ArchiveList"'> <b:if cond='data:style == "HIERARCHY"'> <b:include data='data' name='interval'/> </b:if> <b:if cond='data:style == "FLAT"'> <b:include data='data' name='flat'/> </b:if> <b:if cond='data:style == "MENU"'> <b:include data='data' name='menu'/> </b:if> </div>
</div></div>

<b:include name='quickedit'/>

Note : Sengaja saya kasih warna merah di codenya, agar dapat dengan mudah dipahami Gampang kaan ? Nah sobat bisa menggunakan code scroll ini di blog atau website sobat pada bagian mana saja, misalnya bisa untuk popular posts, article, archive dsb. Semoga bermanfaat ;)

Bisnis online termudah, Bahkan jika Anda seorang yang awam sekalipun, Anda pasti bisa menjalankan bisnis ini. "Bukan member get member". Isi surveinya terlebih dahulu, lalu ikuti bisnisnya ! KLIK DISINI !

Scroll bar adalah strip panjang dan tipis di samping jendela komputer, digunakan untuk memindahkan isinya ke atas, bawah, atau ke seberang. Scroll bar yang biasanya terletak di ujung kanan atau bawah jendela yang memungkinkan Anda memindahkan area tampilan jendela ke atas, bawah, kiri, atau kanan. Sebagian besar orang saat ini sudah terbiasa dengan scroll bar karena kebutuhan untuk menggulir ke atas dan ke bawah di hampir setiap halaman web Internet.

Scroll bar adalah teknik interaksi atau widget di mana teks kontinu, gambar, atau konten lainnya dapat digulir ke arah yang telah ditentukan (atas, bawah, kiri, atau kanan) pada layar komputer, jendela, atau viewport sehingga semua konten dapat dilihat, meskipun hanya sebagian kecil dari konten dapat dilihat pada layar perangkat sekaligus.

Scroll bar ini menawarkan solusi untuk masalah navigasi ke lokasi yang diketahui atau tidak dikenal dalam ruang informasi dua dimensi. Itu juga dikenal sebagai pegangan di GUI pertama. Scroll bar hadir dalam berbagai perangkat elektronik termasuk komputer, kalkulator grafik, ponsel, dan pemutar media portabel. Pengguna berinteraksi dengan elemen scroll bar menggunakan beberapa metode tindakan langsung, scroll bar menerjemahkan tindakan itu ke dalam perintah gulir, dan pengguna menerima umpan balik melalui pembaruan visual dari kedua elemen bilah gulir dan konten yang digulir.

Meskipun desain scrollbar berbeda sepanjang sejarahnya, mereka biasanya muncul pada satu atau dua sisi area tampilan sebagai area persegi panjang yang berisi bar (atau ibu jari) yang dapat diseret sepanjang palung (atau trek) untuk memindahkan tubuh dokumen.

Scroll bar dapat ditempatkan secara vertikal, horizontal, atau keduanya di jendela tergantung pada arah mana konten meluas melewati batas-batasnya. Dua panah sering dimasukkan di kedua ujung jempol atau palung untuk penyesuaian yang lebih tepat.

Fungsi tambahan scroll bar dapat ditemukan, seperti memperbesar / memperkecil atau berbagai alat khusus aplikasi.

Bilah gulir harus dibedakan dari bilah geser yang merupakan objek lain yang serupa secara visual namun secara fungsional berbeda. Slider digunakan untuk mengubah nilai, tetapi tidak mengubah tampilan atau memindahkan area yang ditampilkan seperti scrollbar.

Tampilan scroll bar

Di bawah ini adalah gambar dari jendela Microsoft Windows dengan scroll bar vertikal dan horizontal.

bilah gulir jendela windows

Cara menggulir dan menggunakan scroll bar

Scroll bar digunakan menggunakan mouse, touchpad, atau keyboard. Dengan mouse, Anda dapat memindahkan scroll bar dengan mengklik panah gulir di salah satu ujung scroll bar, klik pada bagian kosong dari bilah gulir, atau klik dan seret kotak scroll bar. Dengan keyboard, Anda dapat menggunakan tombol panah atas atau bawah, halaman atas dan bawah untuk menggulir beberapa baris sekaligus atau bilah spasi untuk menggulirkan satu halaman sekaligus.

Sebagian besar komputer saat ini juga menyertakan mouse dengan roda atau tombol yang memungkinkan Anda untuk menggulir ke atas dan ke bawah pada halaman, dan dalam beberapa kasus kiri ke kanan.

Tip Apple

Pada komputer Apple, beberapa program, seperti Safari, mungkin tidak menampilkan scroll bar. Untuk menggulir ke atas dan ke bawah dalam program ini, sentuh dua jari pada touchpad atau sentuh mouse dan seret ke atas atau ke bawah.

Tip laptop

Lihat halaman touchpad kita untuk metode lain menggulir menggunakan touchpad laptop.

Bagaimana cara saya menggunakan atau mengaktifkan scroll bar horizontal?

Scroll bar horizontal di hampir semua program hilang atau dinonaktifkan karena teks atau konten lain yang ditampilkan dibungkus atau diubah ukurannya untuk mencegah pengguliran horizontal. Misalnya, dengan halaman web ini, tidak ada pengguliran horizontal karena dirancang agar sesuai dengan layar. Jika Anda melihat halaman yang memiliki pengguliran horizontal, Anda dapat menggulir ke kanan dengan mengklik panah gulir kanan pada scroll bar horizontal.

Tip

Untuk mengaktifkan pengguliran horizontal pada dokumen teks yang panjang, Anda dapat menonaktifkan bungkus kata (wrap text) dalam program Anda untuk mencegah teks agar tidak terbungkus ke baris berikutnya dan memungkinkan scroll bar horizontal. Saat bekerja dengan gambar atau dokumen lain, memperbesar juga akan memungkinkan pengguliran horizontal.

Berapa banyak scroll bar pada jendela?

Sering hanya ada satu bilah gulir di jendela, yang merupakan scroll bar vertikal yang memungkinkan Anda untuk menggulir ke atas dan ke bawah di jendela. Banyak program secara otomatis membungkus teks dalam sebuah jendela saat Anda mengubah ukuran jendela atau memperbesar ke dalam dokumen. Program yang memiliki ukuran jendela tetap atau tidak mengaktifkan bungkus kata akan menampilkan scroll bar horizontal saat ukuran jendela diubah. Untuk program ini, akan ada dua scroll bar, bilah gulir horizontal dan vertikal.

Haruskah saya menggunakan “scroll bar” atau “scrollbar” dalam tulisan saya?

“Scroll bar ” dan “scrollbar” benar tergantung pada konteks dan di mana ia digunakan atau panduan gaya yang diikuti. Untuk sebagian besar panduan gaya, “scroll bar” sebagai dua kata digunakan ketika menggambarkan bilah atau fitur yang memungkinkan Anda untuk menggulir, ke atas, ke bawah, ke kiri, atau ke kanan. Saat merujuk ke konfigurasi, objek, atau pengaturan “scrollbar” sebagai satu kata baik digunakan.

Apa itu Scroll bar Fungsi Scroll bar