Скроллинг — Википедия

Материал из Википедии — свободной энциклопедии

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

Выделяют три типа скроллинга:

• линейный или «обычный» (двигающиеся объекты появляются у одного края экрана и исчезают у другого).
• циклический (объект, исчезнув с одного края, появляется у другого).
• отскакивающий (объект, дойдя до края экрана, меняет направление движения на противоположное).

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

Широко известен скроллинг текста в начале фильмов серии «Звёздные войны».

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

Microsoft IntelliMouse с качающимся колесом

Также скроллингом называют колёсико мыши и само действие прокрутки содержимого окна.

Колёсико мыши широко используется в компьютерных играх.

Скроллинг часто применяется в программах преобразования текста в речь (Говорилка и т. п.) при отслеживании читаемого текста.

Скролить: что это и что значит проскролить

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

Происхождение слова

Скролить от англ. «scroll» — свиток, спираль, крутить, прокручивать.

В английском языке в списке компьютерных терминов давно укрепилось выражение «scroll through the text» — прокручивать текст на экране.

Значение слова

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

Иногда можно услышать «скролл» как существительное. Среди художников и архитекторов так иногда называют красивый завиток.

Примеры использования термина

На клавиатуре любого компьютера есть кнопка «scroll lock», запрет прокручивания текста на странице. Нажав на нее, скролить экран станет невозможно.

«Could you scroll down a few lines? » — Не могли бы вы прокрутить на несколько строк вниз?

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

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

скроллить — Викисловарь

Морфологические и синтаксические свойства[править]

скро́л-лить

Глагол, несовершенный вид, переходный, тип спряжения по классификации А. Зализняка — 4a.

Корень: -скролл-; суффикс: -и; глагольное окончание: -ть.

Произношение[править]

Семантические свойства[править]

Значение[править]

1. комп. жарг. то же, что скроллировать; прокручивать, плавно перемещать в одном направлении текст или изображение в какой-либо прямоугольной области экрана электронного устройства ◆  — Хватит скроллить, я не дочитал…
   Олег Маловичко, «Исход. Роман о страхах и желаниях», 2013 г. ◆ Скроллить можно, нажимая на трекпойнт и одновременно удерживая среднюю «псевдомышиную» клавишу. Николай Турубар, «Пиджачный компьютер», 2009 г. // «Итоги №23»

Синонимы[править]

1. прокручивать

Антонимы[править]

Гиперонимы[править]

1. перемещать

Гипонимы[править]

Родственные слова[править]

Этимология[править]

Происходит от англ. scroll «свиток (с текстом)», далее от ??

Фразеологизмы и устойчивые сочетания[править]

Перевод[править]

Список переводов

Библиография[править]

Для улучшения этой статьи желательно: Добавить все семантические связи (отсутствие можно указать прочерком, а неизвестность — символом вопроса) Добавить хотя бы один перевод в секцию «Перевод»

Скроллинг: зачем на сайте нужен скролл

Прокрутка, скролл, скроллинг (от англ. 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 Установите общий ритм страницы, повторяя заголовки, чередуя цветовые блоки, используя иконки, стрелки или другие графические элементы. Пользователи интуитивно будут ему следовать, и у них не возникнет ощущения, что страница закончилась посередине.

Скроллинг — это… Что такое Скроллинг?

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

Выделяют три типа скроллинга:

• линейный или «обычный» (двигающиеся объекты появляются у одного края экрана и исчезают у другого).
• циклический (объект, исчезнув с одного края появляется у другого)
• отскакивающий (объект дойдя до края экрана меняет направление движения на противоположное).

Кино и телевидение

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

Широко известен скроллинг текста в начале фильмов серии «Звёздные войны».

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

Компьютеры

Microsoft IntelliMouse с качающимся колесом

Также скроллингом называют колесико мыши и само действие прокрутки содержимого окна.

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

См. также

В этой статье не хватает ссылок на источники информации. Информация должна быть проверяема, иначе она может быть поставлена под сомнение и удалена. Вы можете отредактировать эту статью, добавив ссылки на авторитетные источники. Эта отметка установлена 14 мая 2011.

Динамичный скроллинг – это что такое?

Идея скроллинга стара как компьютерный мир. Первые компьютеры, первые операционные системы и стабильные «барьеры начал» компьютерного века: 640К памяти у компьютера и 80х25 у размера текстового экрана (графический режим — особое дело). Скроллинг не заметил клавиатуру, но успел дать колесико мышке.

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

Классическая идея

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

Кнопочный скроллинг — это что-то более простое и компактное в плане реализации, встречается не менее часто – у него своя ниша, в которой полосками прокрутки не управиться.

Иногда возможность делать скроллинг (HTML) выносится на мышку или тачпад ноутбука, но в современной классической идее это все те же полосы прокрутки: справа — вертикальная, внизу — горизонтальная. Только вертикальное движение доступно колесику мышки, а остальное — клику на полосе прокрутки и движениям пальцев на экране смартфона или иного девайса.

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

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

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

Коллизии классического жанра

Отличие мобильных устройств от «клавиатуро-мышечных»: работа пальцев рук, положение (и/или поворот и движение устройства) и голос от кнопок клавиатуры и мышки (движение, клики, колесико) — известные проблемы: кроссбраузерность, адаптивность… На все это уже давно есть те или иные решения.

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

Параллакс и адаптивные ему мысли

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

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

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

Вообще-то, в реальности человек не привык относить то, что делает, к перемещению по информации через окошко или форточку. Понятие скроллинг — это что-то из мира мониторов компьютеров, на которых многообразию информации нет места в полном объеме, потому приходится довольствоваться многим через малое.

Параллакс и его реализации

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

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

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

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

Динамика выдачи, пример

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

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

На самом деле должно быть иначе. Информация, по которой выполняется скроллинг — это что-то иное, чем было вначале, всегда может меняться как ее объем, так и ее содержание. Посетитель, однако, лишен возможности узнать об этом. Единственный вариант для него — начать все с начала.

О скроллинге ближайшего времени

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

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

Скроллинг — это что-то динамическое, то есть не окно с полосками/кнопками прокрутки/движения, это инструмент доступа к информации определенного содержания (возможно, еще и структуры, но хотя бы реализовать динамику содержания …).

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

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

Плавная прокрутка страницы в браузерах [+ВИДЕО]

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

Речь ниже пойдёт о специальном расширении для обозревателей Интернета Mozilla Firefox и Google Chrome, которое повысит комфорт Вашего серфинга по Сети. Конечно же, оно будет работать и во всех модификациях (клонах) вышеуказанных браузеров.

Настоящая плавная прокрутка страницы

Большинство пользователей даже не задумываются о такой мелочи, как качество прокрутки страниц сайтов. Максимум, некоторые «продвинутые» люди находят в настройках своего обозревателя специальный пункт и устанавливая галочку, умывают руки — всё, никаких настроек…

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

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

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

Читайте также на сайте:

Yet Another Smooth Scrolling для Mozilla Firefox

С этим расширением Ваша плавная прокрутка страниц станет мягкой и приятной, она сможет ускоряться (замедляться) по мере интенсивности вращения колёсика компьютерной мыши.

Установить расширение Yet Another Smooth Scrolling можно из официального магазина дополнений Mozilla Firefox (потребуется перезагрузка браузера).

После этого заходим в его настройки…

…и начинаем колдовать двигая ползунки…

Какие-то конкретные цифры называть не буду — у каждого свои вкусы и предпочтения. Методом научного тыка Вы должны сами настроить удобную именно Вам прокрутку страницы.

Не забывайте жать «Применить». Всё на русском языке и при наведении курсора мышки на ползунок — появляется подсказка…

Пройдитесь по всем вкладкам расширения — там много полезного…

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

Немного терпения (усидчивости) и Вы не узнаете свой браузер — настолько приятней станет в нём просматривать страницы Интернета.

Chromium Wheel Smooth Scroller для Google Chrome

Chromium Wheel Smooth Scroller — это абсолютно идентичное расширение для браузера Google Chrome. Описать его подробно я не смогу (у меня не установлен этот браузер сейчас), но там всё понятно и без описания.

Компенсирую этот прокол видеороликом с подробной инструкцией по настройке Chromium Wheel Smooth Scroller от некоего Виктора Томилина — Витя, человеческое спасибо Вам от всех пользователей…

ПОЛЕЗНОЕ ВИДЕО

…

Ещё, для Google Chrome, есть расширение SmoothScroll — оно тоже очень популярно среди пользователей этого браузера, но в его настройках (как мне кажется) можно сломать голову.

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

До новых полезных компьютерных программ и интересных приложений для Андроид.

Рекомендую ещё посмотреть обзоры…

Я только обозреваю программы! Любые претензии — к их производителям!

Ссылки в комментариях публикуются после модерации.

^Наверх^