Alanda kaydırma çubuğu olmadığında bir alanda kaydırma yapabileceğinizi belirtmenin en iyi yolu nedir?

Aklıma gelen tek şey, yukarıdaki "Tam menüyü görmek için ilerleyin" diyordu. İnsanların bunu yapmasının başka yolları nelerdir?

İnsanlar kullanıcı arayüzlerindeki fiziksel görelilik ile iyi ilişkilidir. Başka bir deyişle, bir arayüzün doğal hissetmesini istiyorsanız veya kontrollerini açık hale getirmek istiyorsanız, bunu yapmak için fiziksel gerçekçilik görünümünü kullanabilirsiniz. Belirgin işlevsellik için uygun simgeler de her zaman bir zorunluluktur.

Kaydırma alanı fiziksel olarak nasıl görünürdü? Basit! Dış çerçevenin altındaki içerik katmanı. Bu görünüme ulaşmak için dış katmanda bir kutu gölgesi kullanabilirsiniz .

• İpucu: CSS kutu gölgeleri oluştururken virgülle birlikte birden çok gölge koyabilirsiniz. Güzel bir etki için daha kısa ve daha güçlü bir gölge kullanın. Hafif bir dokunuş için RGBA (opaklık kontrolü) kullanın!

Daha sonra, bir kaydırma çubuğu olmadan, akla gelen en iyi uygulama, iç öğeleri kutunun dışına çıktığında kutunun görünmesini sağlayan, kaydırılan içeriğe sahip çerçevelerin kenarlarına bağlı tıklanabilir bir kaydırma kutusuyla JQuery kullanmak olacaktır. dört yönden herhangi biri.

Çubuğun varsayılan olarak yok olmasını veya gizlenmesini istiyorsanız, kaydırma alanı üzerine gelinceye veya hafifçe vuruluncaya kadar kaydırma mekanizmasını görünene kadar gizli veya hafif opak tutun.

• Kolay Kullanım: Kutu, fareyle üzerine gelindiğinde hafifçe etkinleşmeli (alt öğeyi kaydırmaya başlamalı).

İşte bir gösteri:

Uzun kaydırma alanları için, bu uygulama ile hızlandırılmış kaydırma bir zorunluluktur, aksi takdirde kullanıcıların içerikte hızlı bir şekilde gezinme yeteneği engellenir.

Bununla uğraştıktan sonra, bir JQuery eklentisi oluşturabilir ve bir sonraki web uygulamam için bu uygulamayı kullanabilirim.

İlk görüntülenen varsayılan içerik miktarının altta yalnızca kısmen ortaya çıkan bir öğe gösterdiğinden emin olun, böylece kullanıcıyı aşağıda daha fazla var ve bu öğeye ulaşabilir / gösterebilir.

İşte ne denemek istiyorum:

İçeriğin biraz üzerinden geçen yumuşak bir gradyan. Bu, aşağıda daha fazlası olduğunu gösterir. Buna ek olarak, elbette küçük bir ok ekleyebilirsiniz.

Bunu ne kadar açık hale getirmek istediğiniz, kitlenin kim olacağını düşündüğünüze ve bağlamın ne olduğuna inecektir.

Ekranın ötesinde devam eden oklar ve grafikler gibi olağan yol bulma teknikleri kullanıcının yolculuğuna yardımcı olabilir. Alternatif olarak, birçok tek sayfalık sitenin kullandığı bağlantılı bir menü / nav sistemi tercih edebilirsiniz.

En açık ve çirkin çözüm, kullanıcıları daha fazla içerik için aşağı kaydırmaları konusunda bilgilendiren, ardından aktör kaydırdığında gizlenen (çerez bildirim stili) bir açılır pencere olacaktır.

Diğer bir seçenek, imlecin üzerine gelindiğinde imleci kaydırmayı gösteren, aşağıyı gösteren ve aşağıya doğru hareket eden bir ok veya 'kaydırarak daha fazla oku' şeklinde gösteren bir şeyle değiştirmektir.

Tabii ki bu sadece masaüstü için çalışıyor.