Jaki jest najlepszy sposób wskazania, że ​​można przewijać w obszarze, gdy obszar nie ma paska przewijania?

Jedyne, co mogłem wymyślić, to powiedzenie: „Przewiń, aby zobaczyć pełne menu” powyżej. W jaki sposób ludzie to robią?

Ludzie dobrze odnoszą się do fizycznej teorii względności w interfejsach użytkownika. Innymi słowy, jeśli chcesz, aby interfejs wydawał się naturalny lub aby jego sterowanie było oczywiste, możesz użyć do tego wyglądu realizmu fizycznego. Prawidłowe ikony są zawsze konieczne, aby uzyskać oczywistą funkcjonalność.

Jak wyglądałby fizycznie obszar przewijania? Prosty! Warstwa treści poniżej zewnętrznej ramy. Aby uzyskać ten efekt, możesz użyć cienia na zewnętrznej warstwie.

• Wskazówka: Podczas tworzenia cieni w ramkach CSS możesz umieścić wiele cieni razem z przecinkami. Aby uzyskać ładny efekt, użyj lekkiego dalekiego cienia z mocniejszym krótkim. Użyj RGBA (kontrola nieprzezroczystości), aby uzyskać lekki dotyk!

Następnie, bez paska przewijania, najlepszą praktyką, która przychodzi na myśl, byłoby użycie JQuery z klikalnym polem przewijania przymocowanym do krawędzi ramek z przewijaną zawartością, tak aby pole pokazywało się, gdy wewnętrzne elementy wystają poza pole w jeden z czterech kierunków.

Jeśli chcesz, aby pasek był domyślnie nieobecny lub ukryty, trzymaj go ukryty lub lekko nieprzezroczysty, dopóki obszar przewijania nie zostanie najechany lub dotknięty, a następnie pojawi się mechanizm przewijania.

• Łatwość użycia: Pudełko powinno się aktywować (rozpocząć przewijanie elementu potomnego) po zdarzeniu najechania myszką i całkowicie po kliknięciu myszą.

Oto demonstracja:

W przypadku długich obszarów przewijania konieczne jest przyspieszone przewijanie dzięki tej praktyce, w przeciwnym razie możliwość szybkiego poruszania się po treści zostanie zablokowana.

Po majstrowaniu przy tym myślę, że mogę utworzyć wtyczkę JQuery dla i użyć tej praktyki w mojej następnej aplikacji internetowej.

Upewnij się, że domyślna ilość wyświetlanej po raz pierwszy treści pokazuje u dołu element (zakładając przewijanie pionowe), który jest tylko częściowo ujawniony, informując w ten sposób użytkownika, że ​​jest więcej na dole, i że może go osiągnąć / ujawnić.

Oto, co bym spróbował:

Miękki gradient przechodzący przez nieco treści. Oznacza to, że jest ich więcej poniżej. Ponadto możesz oczywiście dodać małą strzałkę.

To, jak oczywiste chcesz sprawić, by sprowadzało się to do tego, kim według ciebie będzie publiczność i jaki jest kontekst.

Zwykłe techniki wyszukiwania drogi, takie jak strzałki i grafika, które wykraczają poza zakładkę, mogą pomóc użytkownikowi w podróży. Alternatywnie możesz wybrać zakotwiczone menu / system nawigacyjny, z którego korzysta wiele stron z pojedynczą stroną.

Najbardziej rażącym i brzydkim rozwiązaniem byłoby wyskakujące okienko, które informuje użytkowników, aby przewinąć w dół, aby uzyskać więcej treści, a następnie ukrywa się, gdy aktor przewija (styl powiadamiania o plikach cookie).

Inną opcją jest zmiana kursora podczas najechania kursorem na element na coś, co wskazuje przewijanie, na przykład ruchomą strzałkę, która wskazuje i wskazuje w dół, lub coś, co wskazuje „czytaj więcej przez przewijanie”.

Oczywiście działa to tylko na komputery stacjonarne.