Должен ли я избегать использования прокручиваемого div?

В настоящее время я реализую прототип ответа Лизы Твиди на мой вопрос о слишком большом количестве флажков .

Прототип, который я создаю, будет выглядеть примерно так: введите описание изображения здесь>> </p>

<p> Проблема:
Я работаю над 24-дюймовым монитором, поэтому экран выглядит следующим образом: </p>



<p> <img src =

скачать источник bmml - Каркасы, созданные с помощью Mockups Balsamiq

Я проектирую, чтобы соответствовать наименьшему разрешению 1024 x 768. Если я это сделаю, макет станет (проблема с двойной прокруткой):

mockup

скачать источник bmml

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

Помимо использования в очень маленьких прокручиваемых divs и светлых блоках, подобных этим, есть ли использование прокрутки divs на странице?:

введите описание изображения здесь>> </p>

<p> <img src =

7 голосов | спросил F21 5 J000000Thursday12 2012, 05:41:19

3 ответа


4

Вы хотите прокручивать div в двух случаях:

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

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

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

ответил J. Jeffryes 5 J000000Thursday12 2012, 16:40:49
0

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

Если ваша страница требует движения окна (из-за большого содержимого), лучше опустить прокрутку div, так как пользователям приходится прокручивать два раза. Я вижу это как плохой UX.

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

ответил sree 5 J000000Thursday12 2012, 10:31:28
0

Для удобства доступа (WCAG 2.0) и комфорта, я бы избежал прокрутки div на странице, которую вы можете прокрутить вниз.

Также попробуйте на мобильном устройстве, вы поймете, как расстраивать это для мобильных пользователей, чтобы попасть на такой сайт. То, что вы можете сделать, - заблокировать верхнюю часть (выбранные роли), используя абсолютную позицию в CSS и сделать поток остатка в обычном режиме.

ответил 6 J000000Friday12 2012, 02:48:35

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132