зачем на сайте нужен скролл

Прокрутка, скролл, скроллинг (от англ. scroll, scrolling) – это форма передачи информации, при котором текст или изображение передвигается в вертикальном либо в горизонтальном направлении, чтобы увидеть дополнительную информацию в окне.

Еще несколько лет назад о скроллинге отзывались негативно, полагая, что он отталкивает пользователей. Сегодня мнения экспертов в отношении скроллинга изменилось. Это связано, прежде всего, с тем, что в нашу жизнь вошли мобильные девайсы и сенсорные технологии. Просматривать текст на маленьком экране стало удобней, передвигая его непрерывно снизу – вверх или слева – направо.

Тот факт, что скроллинг стал обычным делом и хорошо воспринимается пользователями, подтверждают данные исследований. Оказывается, что:

• 50% пользователей начинают скролить через 10 секунд пребывания на сайте,
• 70% пользователей прокручивают страницу еще до ее полной загрузки.

Исследуя юзабилити страниц, эксперты Software Usability Research Laboratory пришли к выводу, что длинные тексты со скроллом пользователи читают быстрее, чем те же тексты, но с разбивкой на страницы.

Это следует учитывать при разработке сайта. Важно разбить текст на «точки прокрутки», т.е. выделить в информации ключевые моменты. Если это не делать, то может возникнуть «усталость от скроллинга», что приведет либо к эффекту «зомби-скроллинга», при котором пользователь не воспринимает информацию либо к «отказу в гневе», когда пользователь уходит с сайта.

Twitter стал первым, кто отказался от постраничного просмотра. Это один из самых успешных и известных скроллинговых веб-ресурсов. Такой формат подачи информации дает возможность смотреть публикации в хронологическом порядке.

Правила юзабилити скроллина

1. 1 Правильная организация контента

Прежде всего, нужно так организовать контент, чтобы его было легко прокручивать. Вот несколько практических советов, как это сделать:

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

2. 2 Избегание эффекта «ложного дна»

Это феномен возникает, когда пользователь думает, что внизу страницы уже нет контента. Это происходит по двум причинам:

• На сайте используется горизонтальная прокрутка и пользователь просто не догадывается о ее наличие.
• Дизайн сайта выглядит законченным и не указывает на возможность скроллинга.
  

Чтобы дать понять пользователям, что на странице внизу еще есть полезная информация учтите следующее:

1. 1 Не используйте изображения, занимающие большую часть страницы. Именно они чаще всего вводят пользователей в заблуждение. Поставьте хорошо различимую стрелку вниз, если такое изображение уже есть.
2. 2 Разумно используйте белое пространство. Если его будет слишком много, особенно внизу страницы пользователи могут подумать, что информации больше не будет.
3. 3 Все элементы, которыми обычно завершают страницы, уберите с ее середины. Это могут быть рекламные баннеры, ссылки на другие сайты, призывы к действию и т.д.
4. 4 Осторожно используйте горизонтальную прокрутку. Пользователи могут быть не готовы к ней. Если у вас на сайте запланирован слайдер, то убедитесь, что его легко распознают.
5. 5 Не используйте горизонтальные линии, проходящие через весь экран. Если вы хотите отделить одну часть контента от другой, используйте фон разного цвета.
6. 6 Если вы используете кнопку «Вверх», проследите, чтобы она постоянно оставалась на своем месте. Если она появится внезапно, пользователи могут подумать, что это конец страницы и перестанут скролить.
7. 7 Используйте подсказки, указывающие, что на странице есть прокрутка. Это может быть стрелка или надпись «Читать далее».
8. 8 Располагайте прерванные изображения на линии сгиба. Так будет понятно, что дальше есть еще контент.  Чтобы избежать четко ограниченных горизонталей, разместите изображения и другие элементы на разной высоте. В идеале, такие элементы должны иметь легко узнаваемую форму, чтобы любому посетителю было очевидно, когда элемент не отображен полностью.
9. 9 Установите общий ритм страницы, повторяя заголовки, чередуя цветовые блоки, используя иконки, стрелки или другие графические элементы. Пользователи интуитивно будут ему следовать, и у них не возникнет ощущения, что страница закончилась посередине.

Услуги, связанные с термином:

Скроллить — что это такое? Определение, значение, перевод

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

Английский глагол to scroll означает «прокручивать окно браузера» или другой программы, а происходит он от слова scroll (свиток), который древние чтецы интересных текстов тоже прокручивали, чтобы прочитать следующий абзац. Давайте проспрягаем глагол «скроллить» с примерами из современной жизни в увлекательном мире интернетов:

Я от скуки целый день скроллю ленту в инстаграме.

Ты прямо сейчас тоже скроллишь свой браузер, чтобы дочитать эту статью.

Маша, вместо того чтобы слушать лектора на паре, скроллит ленту в Одноклассниках.

Ребята, вы слишком быстро скролите, и я не успеваю читать!

На скамейке в парке сидят влюблённые парочки и скроллят каждый свой смартфон…

Вы узнали, откуда произошло слово Скроллить, его объяснение простыми словами, перевод, происхождение и смысл.
Пожалуйста, поделитесь ссылкой «Что такое Скроллить?» с друзьями:

И не забудьте подписаться на самый интересный паблик ВКонтакте!

 

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

Английский глагол to scroll означает «прокручивать окно браузера» или другой программы, а происходит он от слова scroll (свиток), который древние чтецы интересных текстов тоже прокручивали, чтобы прочитать следующий абзац. Давайте проспрягаем глагол «скроллить» с примерами из современной жизни в увлекательном мире интернетов:

Я от скуки целый день скроллю ленту в инстаграме.

Ты прямо сейчас тоже скроллишь свой браузер, чтобы дочитать эту статью.

Маша, вместо того чтобы слушать лектора на паре, скроллит ленту в Одноклассниках.

Ребята, вы слишком быстро скролите, и я не успеваю читать!

На скамейке в парке сидят влюблённые парочки и скроллят каждый свой смартфон…

Дорогой веб-дизайнер, скролить — это естественно, не нужно вмешиваться в этот процесс | by Nancy Pong | Советы по проектированию интерфейса сайтов, мобильных приложений, и веб-сервисов

Используйте легкую анимацию (но не анимированную стрелку)

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

В первом примере контент всплывает снизу и сразу же исчезает. Он как бы говорит: “Привет, я тут. Если я тебе нужен — ты знаешь, что делать”:

MP4

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

MP4

Если блоков несколько, можно использовать “танцующую” анимацию:

MP4

Не скрывайте контент, возьмите его под контроль

Android-приложение Google Fit показывает только часть первой карточки под большой круговой диаграммой. Оно как бы намекает: там еще есть что посмотреть! Это интуитивный и элегантный подход, поскольку дополнительные элементы не бросаются в глаза. Они хорошо воспринимаются, в то же время оставляя пространство для основной диаграммы.

В таком подходе нет ничего нового. В 2006 году Джаред Спул уже говорил о том, как обрезка фото может повысить очевидность скролинга.

На сайте можно добиться чего-то подобного, задав для блока с картинкой высоту около 90% от максимальной высоты экрана. Понадобится всего одна строчка CSS или простой скрипт (если вам нужна поддержка старых браузеров).

А что если совместить это с анимацией и сделать контент слегка прозрачным? Тогда внимание пользователя не будет отвлекаться от той самой главной картинки:

MP4

Только будьте осторожнее с уровнем прозрачности. Если контент слишком бледный — это уже не круто. Да, и не забудьте убрать прозрачность, когда пользователь начнет скролить страничку или взаимодействовать с контентом 🙂

что это такое, делать или нет

В сфере онлайн-маркетинга и веб-дизайна важную роль играет инициирование эффектных идей, которое в итоге приводит к формированию трендов. Одним из современных трендов является бесконечная прокрутка страниц сайта. Называют эту тенденцию также «скроллинг».

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

Что такое бесконечная прокрутка?

Прежде чем рассказать, зачем внедрять указанный прием при разработке, дадим определение понятию. Итак, что такое бесконечная прокрутка на сайте? Это термин, с помощью которого обозначается набор характеристик и функций, помогающих обеспечить бесконечный скроллинг с автозагрузкой текста и картинок.

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

Команда онлайн школы WebDesGuru прилагает все усилия для того, чтобы отойти от стандартных методов обучения, которые годами вырабатывались в системе образования. Мы ежедневно делаем шаг вперед и идём навстречу новым знаниям, которыми готовы поделиться с нашими клиентами. Оцените наши старания! Записывайтесь на курсы web-дизайна, и учиться Вам теперь станет в удовольствие!

Какие возможности обеспечивает бесконечная прокрутка?

«Зачем делать бесконечную прокрутку на сайте?» — спросит новичок в сфере онлайн-маркетинга. Итак, она нужна для:

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

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

Причины не использовать бесконечную прокрутку

Несмотря на видимые преимущества бесконечного скроллинга, в некоторых случаях от него лучше отказаться. Как показывает практика, такой механизм «не работает»:

На коммерческих сайтах:

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

На сайтах для поиска специальных продуктов и услуг:

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

На ресурсах, контент которых можно назвать «долгоиграющим»:

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

Рекомендации по внедрению

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

• Разработать запасной план. Учитывая, что для реализации функции нужно использовать JavaScript, есть риск столкнуться с отсутствием доступа к скроллингу. Поэтому разработчик должен предусмотреть возможные форс-мажоры и добавить разбивку на страницы.
• Поддержать видимость навигации. В противном случае посетитель, столкнувшись с необходимостью нескончаемо прокручивать статьи с целью возврата на предыдущую страницу, не станет так делать.
• Отказаться от использования полосы прокрутки. Данный инструмент, помогая пользователю оценить приблизительный объем оставшейся информации, в случае с бесконечной прокруткой, будет вводить в заблуждение (поскольку контент будет добавляться бесконечно).
• Обеспечить отображение загрузки. Попав в тупик, пользователь будет неприятно удивлен. Гораздо лучше предусмотреть иконку загрузки – она проинформирует, что процесс выполняется.

Заключение

Прежде чем внедрить бесконечную прокрутку на сайте, тщательно проанализируйте ее «плюсы» и «минусы», сопоставив с целями проекта. Помните: неразборчивое применение тренда – путь к потере посетителей!

#Скролить Instagram posts (photos and videos)

Как жить, не зная современных слов? Особенно в этот понедельник 2 сентября. Ловите шпаргалку. Даже если вы не сели за парту 😜. ⠀ Интернет — неологизмы, которые появились недавно в языке. ⠀ 📍ГАЙДЛАЙН — руководство, подробно описывающее ваш бренд, и то как грамотно использовать его визуальные компаненты на различных носителях в различных коммуникациях. Это набор правил и рекомендаций, и самое главное — готовых дизайн-решений. ⠀ 📍АЙДЕНТИКА —  та часть бренда, которая описывает его визуальное  представление. Её элементы можно увидеть и потрогать —> логотип, шрифты, палитра цветов, геометрические формы. Сочетание этих элементов рождает фирменные визитки, конверты, бланки, этикетки, вывески в магазинах, аватарки в соц сети и другое. ⠀ 📍ДЕСКРИПТОР – это краткое и емкое описание того, чем вы занимаетесь. Обычно работает в паре с логотипом. Человек, попав на ваш сайт [страницу], должен чётко понять Кто вы, Что продаёте, Кому, Куда и вашу Ключевую выгоду. Если не понял, он идет дальше по своим делам. Вы потеряли клиента. Точнее тысячи клиентов. ⠀ 📍ДИСКЛЕЙМЕР – это текстовое сообщение в начале видео или книги. [Не путать с дескриптором ⬆️]. Как правило, текст дисклеймера содержит в себе разного рода предупреждения. Например, любое совпадение с событиями — это случайность. Буквальный перевод «не предъявлять претензии». ⠀ 📍СКИЛ [или скилл] – на сленге геймеров означает навык какого-то персонажа. Применяется также к профессиональным или бытовым навыкам и умениям человека. Возможно вы слышали выражение «прокачать скилл». ⠀ 📍СКРОЛИТЬ – термин заимствован из английского языка «Scroll», и переводится, как «прокрутка». Обычно, скрол происходит при просмотре интернет страниц, которые не влезают на экран монитора, и ещё много информации остаётся «за кадром». ⠀ 📍СЁРФИТЬ — это означает «скользить» по сети Internet, переходя с одного адреса на другой, нажимая все новые ссылки. Вы, наверное, не раз замечали, как одна страница уводит вас на другую, а та в свою очередь на третью. Процесс может быть настолько незаметным, что действительно похож на скольжение по волнам. ⠀ А когда вы в последний раз сидели за школьной партой? #goldman_словарь

Панель «Мышь и трекпад» в настройках Универсального доступа на Mac

Задержка автоматического открытия

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

Отключить встроенный трекпад, когда подключена внешняя мышь или беспроводной трекпад

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

Параметры трекпада

Нажмите, чтобы настроить параметры трекпада. Скорость прокрутки. Регулировка скорости прокрутки документов и содержимого окон при использовании трекпада. Прокрутка. Установите флажок для включения или выключения прокрутки. Нажмите всплывающее меню, после чего выберите параметр, определяющий, что произойдет, когда Вы поднимите палец с трекпада: Включить перетягивание. Установите флажок, чтобы Вы смогли перетягивать объекты. Нажмите всплывающее меню и выберите один из вариантов. Без фиксации. Дважды коснитесь объекта, затем перетяните его, не поднимая палец после второго касания; как только Вы поднимете палец, движение объекта прекратится. Однако, можно приподнять палец на долю секунды, чтобы было удобнее перетягивать (например, если палец достиг края трекпада). Чтобы немедленно прекратить перетягивание, коснитесь трекпада один раз. С фиксацией. Дважды коснитесь объекта, затем перетяните его, не поднимая палец после второго касания; перетягивание продолжится после того, как Вы поднимете палец, и прекратится только после однократного касания трекпада. перетягивание тремя пальцами: перетяните объект тремя пальцами; перетягивание прекратится после того, как Вы поднимете пальцы.

Параметры мыши

Нажмите, чтобы настроить параметры мыши. Скорость прокрутки. Регулировка скорости прокрутки документов и содержимого окон при использовании мыши. Прокрутка. Установите или снимите этот флажок, чтобы включить или отключить прокрутку (на Magic Mouse или аналогичной ей мыши). Нажмите всплывающее меню, после чего выберите параметр, определяющий, что произойдет, когда Вы поднимете палец с мыши.

Бесконечная прокрутка: как приложения привлекают еще больше нашего внимания

Еще совсем недавно пользователям приходилось перезагружать страницы, чтобы просматривать новый контент. Веб-дизайнерам не рекомендовалось создавать сайты, в которых информация появлялась «на второй полосе» страницы – то есть за пределами одного экрана.

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

Бесконечная прокрутка – это дизайнерский ответ нашему неутолимому стремлению к поиску нового. Разумеется, существует несколько технических причин такого распространения прокрутки.

Развитие динамического контента – например, новых комментариев в ленте – обострило необходимость в поиске более удобного решения, нежели разделения ленты на отдельные страницы со статическим контентом. Однако чтобы по-настоящему понять, почему прокрутка настолько эффективна, нужно заглянуть в глубины нашего разума и совершить путешествие во времени.

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

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

Вы ожидали, что в конце будет слово «следствие», не так ли? Конечно. Все потому, что наш мозг привык, что эти два слова – «причина» и «следствие» – часто идут в паре.

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

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

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

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

Фото: Hal Gatewood/Unsplash

Эволюция приучила нас соотносить этот каскад химических реакций с ожиданием, мотивацией и ослаблением боли. По какой-то неведомой причине мы стали называть эту вечную карусель «удовольствием».

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

Вспомним прекрасную разметку «каменная кладка», которую взяли на вооружение в Pinterest. Клифф Куан (Cliff Kuang), редактор сайта Co.Design, писал: «… разметка в стиле Pinterest заставляет глаза просматривать контент зигзагами, снижая скорость прокрутки, но позволяя уместить на экране как можно больше изображений».

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

Визуальное напряжение вызывает привыкание и зависимость. Не верите? Попробуйте открыть домашнюю страницу в Pinterest и не прокрутить ее хотя бы раз. Это все равно что открыть пачку чипсов, взять несколько и на этом остановиться.

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

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

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

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

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

Источник

---

Материалы по теме:

Как эмоции стали ключом к большому бизнесу

Почему инженеры Кремниевой долины отказываются от социальных сетей

Как Facebook, Twitter и Pinterest завоевывают внимание пользователей

Как наука делает нас зависимыми от приложений

Фото на обложке: Becca Tapert/Unsplash

Определение свитка Merriam-Webster

\ ˈSkrōl \

1а : рулон (из папируса, кожи или пергамента) для написания документа.

б архаичный : письменное сообщение

d : лента с закругленными концами, часто с девизом

2а : нечто напоминающее свиток по форме особенно : спиральная или извитая форма орнамента, образованная из кривых слабо или частично свернутого пергаментного свитка.

прокручивается; прокрутка; свитки

непереходный глагол

1 : для перемещения текста или графики вверх или вниз или по экрану дисплея, как при разворачивании прокрутки.

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

Что такое свиток?

Обновлено: 30.11.2020 компанией Computer Hope

Свиток может относиться к любому из следующего:

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

Ниже приведен пример окна Microsoft Windows, в котором пользователь может прокручивать вверх и вниз с помощью вертикальной полосы прокрутки, а затем влево и вправо с помощью горизонтальной полосы прокрутки.

Подсказка

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

Как прокручивать с помощью клавиатуры?

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

Клавиши перехода на страницу вверх и вниз

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

Примечание

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

Клавиши со стрелками

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

Пробел

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

Например, вы можете нажать пробел сейчас, чтобы прокрутить страницу вниз, а затем нажать Shift и пробел для прокрутки назад вверх.

Примечание

Если ваш текстовый курсор находится в текстовом поле или редактируемой части веб-страницы или документа, нажатие клавиши пробела не выполняет прокрутку. Он создает пространство.

Как прокручивать с помощью тачпада

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

Два пальца

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

Подсказка

Направление прокрутки страницы также можно настроить в настройках сенсорной панели.

Край тачпада

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

Как прокручивать с помощью сенсорного экрана?

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

2. В компьютерных играх свиток , описывает рулон бумаги с текстом, содержащим информацию об игре или истории. В некоторых играх свиток может дать персонажу постоянные или временные способности.

Условия игры, горизонтальная прокрутка, термины операционной системы, листание, клавиша блокировки прокрутки, вертикальная прокрутка

Что такое прокрутка? | Вебопедия

Термин «прокрутка» относится к действию перемещения визуальной части окна веб-браузера или приложения по вертикали или горизонтали.Windows, которая отображается на таких устройствах, как ПК, ноутбуки, планшеты и мобильные телефоны, недостаточно велика, чтобы отображать весь контент, присутствующий на странице, одновременно. Возможность прокрутки страницы позволяет пользователям просматривать все содержимое по фрагментам.

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

Вертикальная прокрутка против горизонтальной прокрутки

Есть два типа прокрутки: вертикальная и горизонтальная. Вертикальная прокрутка — это прокрутка страницы вверх и вниз. Это наиболее распространенный тип прокрутки, поскольку большинство сайтов и приложений соответствуют ширине окна, но не высоте.

Горизонтальная прокрутка — это прокрутка от одной стороны страницы к другой. Это распространено в приложениях с расширяемыми электронными таблицами, таких как Microsoft Excel и Google таблицы.Хотя некоторые веб-сайты и приложения не будут автоматически соответствовать ширине окна, если оно слишком маленькое, что также потребует горизонтальной прокрутки.

Способы прокрутки

Браузеры и приложения предоставляют функции прокрутки, адаптированные к пользовательскому опыту устройств, на которых к ним осуществляется доступ. Вот разные способы прокрутки разных типов устройств.

Прокрутка мышью

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

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

Прокрутка с помощью клавиатуры

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

Прокрутка тачпадом

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

На сенсорных панелях

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

Прокрутка сенсорным экраном

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

определение прокрутки от The Free Dictionary

И когда он увидел, что один из нас предстал несколько раньше остальных, он вытащил небольшой свиток пергамента

Свиток, в котором были написаны на древнем иврите, на древнегреческом и на хорошей латыни Школы и на английском языке. По-испански эти слова: «Не приземляйтесь, никто из вас».

Пища, о которой я больше всего беспокоюсь, вот что. Он развернул большой пергаментный свиток и прочитал вслух слова «пункт, что мы будем добры к бедным».«Канцлер сформулировал это для меня», — добавил он, взглянув на этого великого Функционера. Когда они прибыли, Король и Королева Червей сидели на своем троне, а вокруг них собралась огромная толпа — всевозможные птички и звери, как и вся колода карт: Валет стоял перед ними, в цепях, с солдатами с каждой стороны, чтобы охранять его; а рядом с Королем был Белый Кролик с трубой в одной руке и свитком пергамента. в другом. Ободряюще посмотрел на ребенка, чтобы успокоить ее и дать понять, что, хотя она и стояла в присутствии настоящего Джарли, она не должна позволять себе быть полностью ошеломленной и подавленной, госпожой Караван развернул еще один свиток, на котором была надпись: «Сто фигур в полный размер жизни», а затем еще один свиток, на котором было написано: «Единственное колоссальное собрание настоящих восковых фигур в мире», а затем еще несколько фигур поменьше. свитки с такими надписями, как передняя панель, подобие крутых носов корабля, а Библия покоилась на выступающем куске свитка, сделанном по образцу корабельного клюва с головокружительной головкой.Он вынул свой свиток сикомора и поместил его у свечи. Некоторые из зрителей, не слишком заинтересованные рассказом миссионера, вышли из машины; но старейшина Хитч, продолжая свою лекцию, рассказал, как Смит-младший со своим отцом, двумя братьями и несколькими учениками основал церковь «Святых последних дней», которую приняли не только в Америке, но и в Англии, Норвегии. и Швеция, и Германия насчитывают среди своих членов много ремесленников, а также людей, занятых свободными профессиями; как была основана колония в Огайо, храм, построенный там за двести тысяч долларов, и город, построенный в Киркленде; как Смит стал предприимчивым банкиром и получил от простого шоумена мумий свиток папируса, написанный Авраамом и несколькими известными египтянами.Закончив, он передал пилигриму свиток, написанный еврейскими буквами, со словами: « В городе Лестер все люди знают богатого еврея Кирьята Джайрама из Ломбардии; Дайте ему этот свиток, который он продает, шесть миланских сбруи, худший из них подойдет коронованной голове десять хороших коней, худший может оседлать короля, если он будет сражаться за свой трон. Тогда все увидели, что это было притупленное серое гусиное древко с тонким свитком, толщиной с гусиное перо, привязанным к его голове.Ты не вернешься ни в Болье, ни в какую-либо из усадеб Болье, и твое имя будет вычеркнуто из свитков ордена ». Кроме того, он понимал, как вышивать подтяжки розами и другими цветами и свитки, ибо он был очень готов с пальцами.

Пергамент против свитка — в чем разница?

пергамент | свиток | Как существительные, разница между пергамент и свиток состоит в том, что пергамент — это материал, сделанный из полированной кожи теленка, овцы, козы или другого животного, используемый как бумага для письма, а свиток — это свиток. из бумаги или пергамента; письмо, свернутое в рулон; расписание; список. В качестве глагола scroll означает (вычисление | переходный) для изменения представления данных на дисплее компьютера, обычно с использованием полосы прокрутки или колеса прокрутки. Другие сравнения: в чем разница? Английский Существительное ( en имя существительное ) Материал, сделанный из полированной кожи теленка, овцы, козы или другого животного, используемый в качестве бумаги для письма. * *: В сумерках летом никого нечего бояться — мужчину, женщину или кошку — в покоях, и в этот час выходят мыши.Они не едят пергамент , , книжку или волокиту, но едят крошки после завтрака. Документ, сделанный на таком материале. Диплом (традиционно пишется на пергаменте). Жесткая бумага, имитирующая этот материал. Цвет пергамента от кремового до загорелого. Оболочка кофейных зерен внутри мякоти. Синонимы * bookfell * (бумага) растительный пергамент, пергаментная бумага, вощеная бумага Английский Альтернативные формы * ( л ), ( л ), ( л ) ( устаревший ) * ( л ) ( устаревший ) Существительное ( en имя существительное ) Рулон бумаги или пергамента; письмо, свернутое в рулон; расписание; список. (архитектура) Орнамент, образованный волнами, испускающими спирали или брызги, обычно напоминающие формы растений. Римский архитектурный орнамент в основном представляет собой какой-то узор из свитков. Знак или растяжка, добавляемая к подписи лица, предназначенная для обозначения печати и в некоторых государствах разрешенная в качестве замены печати. [США] Александр Мэнсфилд Беррилл. Спиральный конец скрипки. (геометрия) косая поверхность. Глагол ( en глагол ) (вычисления) Для изменения представления данных на экране компьютера, обычно с помощью полосы прокрутки или колеса прокрутки. Она прокрутила оскорбительное изображение из поля зрения. Для перемещения по горизонтали или вертикали из поля зрения. Увеличивающиеся кредиты медленно прокручивали за пределы экрана. (Интернет) Для заполнения системы чата многочисленными строками текста, в результате чего допустимые сообщения исчезают из поля зрения, прежде чем их можно будет прочитать. Эй, останови прокрутку ! * 1998 , «rOOth», Brain’s chat » (в группе новостей » alt.music.queen ) Это круто, но я знаю, почему я предпочитаю группы новостей: меня только что забанили за прокрутки или сумматора: я набирал по одному слову в каждом сообщении, чтобы pppl ( SIC ) мог его прочитать, потому что все шло так быстро — блин. . Производные термины * прокрутка * полоса прокрутки, полоса прокрутки * блокировка прокрутки * колесо прокрутки * боковой скроллер Английские эргативные глаголы

Свиток | Framer

Слой прокрутки — это интерактивный слой, содержащий прокручиваемое содержимое.В окне предварительного просмотра пользователь может прокручивать содержимое в соответствии с заданными вами свойствами.

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

Узнайте о различных взаимодействиях без кода с инструментом Scroll здесь

Еще дальше? Используйте код для расширенных взаимодействий прокрутки

Content

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

Connect Scroll на второй уровень, который будет отображать Scroll

Совет: Вы можете думать о Scroll как об окне, через которое пользователь может прокручивать слой содержимого Scroll.

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

Прикрепленные элементы

Прикрепленные элементы в компоненте «Прокрутка» можно получить, включив свойство Прикрепленный для элемента, расположенного в правом верхнем углу панели свойств.

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

Push против перекрывающихся липких элементов

Когда несколько липких элементов сталкиваются во время прокрутки, вы можете контролировать, будет ли следующий элемент «выталкивать» предыдущий элемент в сторону или вместо этого он должен перекрываться.

Узнайте все о настройке Sticky-элементов, посмотрев видео с советами по Framer ниже.

Элементы управления свойством

Направление

Свойство Направление определяет, будет ли прокрутка перемещаться влево и вправо, вверх и вниз — или и то, и другое.

Совет: В большинстве случаев слой содержимого прокрутки будет больше, чем сам слой прокрутки. Содержимое вертикальной прокрутки будет выше, чем прокрутки, а содержимое горизонтальной прокрутки будет шире.

Смещение

В зависимости от ориентации компонента прокрутки, будь то горизонтальная, вертикальная или двунаправленная, вам предоставляется возможность смещения содержимого в пикселях.

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

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

Lock

Свойство Lock определяет, должна ли прокрутка игнорировать перетаскивание в противоположном направлении при прокрутке.

Если установлено значение 1 Axis, прокрутка будет игнорировать перетаскивание в противоположном направлении, как только пользователь начнет прокрутку.

Совет: Это свойство полезно, когда страницы прокрутки содержат собственные слои прокрутки или страницы.Например, когда содержимое вертикальной прокрутки содержит горизонтальную страницу.

Drag

Свойство Drag определяет, должна ли прокрутка реагировать на взаимодействия перетаскивания.

Если для свойства Drag установлено значение На , пользователь сможет прокручивать содержимое прокрутки в предварительном просмотре, щелкая и перетаскивая.

Wheel

Свойство Wheel определяет, должна ли прокрутка реагировать на действия при прокрутке мыши.

Если для свойства Wheel установлено значение На , пользователь сможет прокручивать содержимое прокрутки в предварительном просмотре с помощью стандартного жеста прокрутки своего устройства.

Сброс

Свойство Сброс позволяет принудительно сбросить содержимое прокрутки до его исходной начальной позиции в предварительном просмотре после возврата к нему. Начальная позиция — 0 по умолчанию или пользовательское значение при использовании опоры Offset prop.

На практике: если какая-то кнопка в содержимом прокрутки переходит на новый экран, при возврате на экран с содержимым прокрутки положение всегда запоминается.

Свойство Reset позволяет вам переопределить это и заставить ваш прототип сбрасывать положение вашего содержимого Scroll в этом сценарии, что является стандартной практикой для различных типов интерфейсов.

Найдите практический пример того, как использовать это в этом руководстве.

Content

Свойство Content отображает связанный слой содержимого Scroll.

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

Прокручиваемых представлений — Представления — iOS — Рекомендации по человеческому интерфейсу

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

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

Рассмотрите возможность отображения элемента управления страницей, когда представление прокрутки находится в режиме разбиения по страницам. Элемент управления страницей показывает, сколько страниц, экранов или других фрагментов содержимого доступно, и указывает, какой из них виден в данный момент.Если вы показываете элемент управления страницей в режиме прокрутки, отключите индикатор прокрутки на той же оси, чтобы избежать путаницы. Дополнительные инструкции см. В разделе «Элементы управления страницей».

Не размещайте вид с прокруткой внутри другого вида с прокруткой.

No related posts.