Apa cara terbaik untuk menunjukkan bahwa Anda dapat menggulir di suatu daerah ketika daerah itu tidak memiliki bilah gulir?

Satu-satunya hal yang dapat saya pikirkan adalah mengatakan: "Gulir untuk melihat menu lengkap" di atas. Apa sajakah cara orang melakukannya?

Orang berhubungan baik dengan relativitas fisik dalam antarmuka pengguna. Dengan kata lain, jika Anda ingin antarmuka terasa alami, atau buat kontrolnya jelas, Anda dapat menggunakan tampilan realisme fisik untuk melakukannya. Ikon yang tepat selalu harus dilakukan juga, untuk fungsionalitas yang jelas.

Bagaimana tampilan area gulir secara fisik? Sederhana! Lapisan konten di bawah bingkai luar. Untuk mencapai tampilan itu, Anda mungkin menggunakan bayangan kotak di lapisan luar.

• Tip: Saat membuat bayangan kotak CSS, Anda bisa menempatkan beberapa bayangan bersama dengan koma. Gunakan bayangan jauh dengan bayangan pendek yang lebih kuat untuk efek yang bagus. Gunakan RGBA (kontrol opacity) untuk sentuhan ringan!

Selanjutnya, tanpa bilah gulir, praktik terbaik yang terlintas dalam pikiran adalah menggunakan JQuery dengan kotak gulir yang dapat diklik yang melekat pada tepi bingkai yang memiliki konten yang gulir, setelah kotak itu muncul ketika elemen dalam menonjol di luar kotak di salah satu dari empat arah.

Jika Anda ingin bilah tidak ada atau tersembunyi secara default, jaga agar bilah tetap tersembunyi atau sedikit buram sampai area gulir melayang di atas atau mengetuk, dan kemudian minta mekanisme gulir muncul.

• Mudah Digunakan: Kotak harus mengaktifkan (mulai menggulir elemen anak) dengan ringan pada acara hover, dan sepenuhnya pada mouse-down.

Ini sebuah demonstrasi:

Untuk area gulir yang panjang, pengguliran yang dipercepat adalah suatu keharusan melalui praktik ini, jika tidak, kemampuan pengguna untuk menavigasi konten dengan cepat akan terhambat.

Setelah mengutak-atik ini, saya pikir saya dapat membuat plugin JQuery untuk, dan menggunakan praktik ini untuk aplikasi web berikutnya.

Pastikan jumlah konten default yang pertama kali ditampilkan menunjukkan item di bagian bawah (dengan asumsi pengguliran vertikal) yang hanya terungkap sebagian, sehingga memberi tahu pengguna ada lebih banyak di bawah ini, dan mereka dapat mencapai / mengungkapkannya.

Inilah yang akan saya coba:

Gradien lembut yang melewati sedikit konten. Ini menunjukkan bahwa ada lebih banyak di bawah ini. Selain itu, Anda tentu saja dapat menambahkan panah kecil.

Betapa jelasnya Anda ingin membuatnya turun ke siapa yang Anda pikir akan menjadi penonton dan apa konteksnya.

Teknik pencarian-cara yang biasa seperti panah dan grafik yang berlanjut melampaui flip dapat membantu perjalanan pengguna. Atau, Anda bisa menggunakan sistem menu / nav berlabuh, yang digunakan banyak situs halaman tunggal.

Solusi yang paling mencolok dan jelek adalah popup yang menginformasikan pengguna untuk menggulir ke bawah untuk konten yang lebih banyak, kemudian bersembunyi ketika aktor menggulir (gaya pemberitahuan cookie).

Pilihan lain adalah mengubah kursor ketika mengarahkan elemen ke sesuatu yang menunjukkan gulir, seperti panah bergerak yang menunjuk dan menunjukkan ke bawah, atau sesuatu yang menunjukkan 'baca lebih lanjut dengan menggulir'.

Tentu saja ini hanya berfungsi untuk desktop.