Как лучше всего указать, что вы можете прокручивать область, если у нее нет полосы прокрутки?

Единственное, о чем я мог подумать, это сказать: «Прокрутите, чтобы увидеть полное меню» выше. Как люди делают это?

Люди хорошо относятся к физической относительности в пользовательских интерфейсах. Другими словами, если вы хотите, чтобы интерфейс казался естественным, или чтобы его элементы управления были очевидными, вы можете использовать внешний вид физического реализма, чтобы сделать это. Надлежащие значки всегда необходимы для очевидной функциональности.

Как физически выглядит область прокрутки? Просто! Слой контента под внешней рамкой. Чтобы добиться этого вида, вы можете использовать тень на внешнем слое.

• Совет: при создании CSS-блочных теней вы можете поставить несколько теней вместе с запятыми. Используйте легкую дальнюю тень с более сильной короткой для хорошего эффекта. Используйте RGBA (контроль непрозрачности) для легкого прикосновения!

Далее, без полосы прокрутки, лучшая практика, которая приходит на ум, - это использовать JQuery с активируемым кликом ползунком, прикрепленным к краям фреймов, у которых есть содержимое, которое прокручивается, при этом поле показывается, когда внутренние элементы выступают за пределы рамки. любое из четырех направлений.

Если вы хотите, чтобы панель отсутствовала или была скрыта по умолчанию, оставляйте ее либо скрытой, либо слегка непрозрачной, пока область прокрутки не наведется или не коснется, а затем появится механизм прокрутки.

• Простота использования: поле должно активировать (начать прокрутку дочернего элемента) слегка при событии при наведении курсора и полностью при нажатии мыши.

Вот демонстрация:

Для областей с длинной прокруткой ускоренная прокрутка является обязательным с помощью этой практики, в противном случае пользователям возможность быстрой навигации по контенту будет запрещена.

После этого я думаю, что могу создать плагин для JQuery и использовать эту практику для моего следующего веб-приложения.

Убедитесь, что в отображаемом по умолчанию объеме содержимого, отображаемом вначале, отображается элемент внизу (при условии вертикальной прокрутки), который раскрывается только частично, тем самым информируя пользователя о том, что есть еще что-то ниже, и они могут его достичь / показать.

Вот что я бы попробовал:

Мягкий градиент, покрывающий немного содержимого. Это указывает на то, что есть еще ниже. Кроме того, вы можете, конечно, добавить небольшую стрелку.

Насколько очевидно, что вы хотите сделать это, зависит от того, кем, по вашему мнению, будет аудитория и каков контекст.

Обычные методы поиска пути, такие как стрелки и графика, продолжающиеся за пределами сгиба, могут помочь пользователю в путешествии. Кроме того, вы можете использовать привязанную систему меню / навигации, которую используют многие одностраничные сайты.

Самым вопиющим и уродливым решением было бы всплывающее окно, которое информирует пользователей прокрутить вниз для большего количества контента, а затем скрывает при прокрутке субъекта (стиль уведомления cookie).

Другим вариантом является изменение курсора при наведении курсора на элемент на что-то, что указывает на прокрутку, например, на движущуюся стрелку, которая указывает и указывает вниз, или на что-то, что указывает «читать больше при прокрутке».

Конечно, это работает только для настольных компьютеров.