Есть рутинные действия, выполняя которые, никто не задумывается об их названии. Пример из классики — мольеровский герой, узнавший, что всю жизнь говорил прозой. Вряд ли вы испытаете подобную радость, узнав, что привычное движение при просмотре информации на компьютере в интернет-сленге означает «скролить», но все же…
Происхождение слова
Скролить от англ. «scroll» — свиток, спираль, крутить, прокручивать.
В английском языке в списке компьютерных терминов давно укрепилось выражение «scroll through the text» — прокручивать текст на экране.
Значение слова
Понятие «скролить» в русском языке полностью совпадает с иностранным оригиналом и означает «перелистывать, сдвигать текст на экране».
Иногда можно услышать «скролл» как существительное. Среди художников и архитекторов так иногда называют красивый завиток.
Примеры использования термина
На клавиатуре любого компьютера есть кнопка «scroll lock», запрет прокручивания текста на странице. Нажав на нее, скролить экран станет невозможно.
«Could you scroll down a few lines? » — Не могли бы вы прокрутить на несколько строк вниз?
Кроме того, скролом называют колесико компьютерной мышки. Скролить — также крутить его, вызывая ответное движение просматриваемой страницы.
Словарь интернет-сленга регулярно пополняется за счет заимствований, не добавляющих ничего нового к значению, зато звучащих интересней. Чтобы с легкостью пользоваться сленговым словарем, узнайте также, что такое топик, миракл, крафт.
Скроллинг — форма представления информации, при которой содержимое (текст, изображение) двигается в вертикальном или горизонтальном направлении. Таким образом, скроллинг не изменяет содержимое, но передвигает «камеру».
Выделяют три типа скроллинга:
Кино и телевидение
Чаще всего, скроллинг применяют для того чтобы показать длинный список участвующих в съёмке и подготовке материала.
Широко известен скроллинг текста в начале фильмов серии «Звёздные войны».
В некоторых программах, в частности, новостных, применяется «бегущая строка» — горизонтальный скроллинг текста в нижней части экрана.
Компьютеры
Также скроллингом называют колесико мыши и само действие прокрутки содержимого окна.
В компьютерных и видеоиграх скроллинг позволяет игроку контролировать объект, перемещающийся по большому непрерывному пространству.
См. также
Это заготовка статьи о компьютерах. Вы можете помочь проекту, исправив и дополнив её. Это примечание по возможности следует заменить более точным.
Полезное
Смотреть что такое «Скроллинг» в других словарях:
скроллинг — прокрутка Ускоренное перемещение в вертикальном или горизонтальном направлении всего изображения или его части, отображаемой в выделенном окне на экране дисплея. Различают два вида прокрутки: непрерывная и построчная. [Л.М. Невдяев.… … Справочник технического переводчика
Shoot ’em up — Galaga, известный shoot em up 1981 года. Shoot em up (в переводе означает «перестреляй их всех») жанр компьютерных и видеоигр, в которых игрок, управляющий каким либо персонажем или техническим средством, сражается с большим количеством врагов… … Википедия
Shmup — Shoot em up жанр компьютерных и видеоигр, в которых игрок, управляющий каким либо персонажем или техническим средством, сражается с большим количеством врагов при помощи стрельбы. Процесс игры часто изображён в очень стилизованной манере. В… … Википедия
Wintermute Engine — Тип Игровой движок Разработчик Dead:Code Software Операционная система Windows Последняя версия … Википедия
Wme — Wintermute Engine логотип инструментария Тип Игровой движок Разработчик Dead:Code Software ОС … Википедия
Рельсовый шутер — Shoot em up жанр компьютерных и видеоигр, в которых игрок, управляющий каким либо персонажем или техническим средством, сражается с большим количеством врагов при помощи стрельбы. Процесс игры часто изображён в очень стилизованной манере. В… … Википедия
Shoot \’em up — Galaga, известный shoot em up 1981 года. Shoot em up жанр компьютерных и видеоигр, в которых игрок, управляющий каким либо персонажем или техническим средством, сражается с большим количеством врагов при помощи стрельбы. Процесс игры часто… … Википедия
Клик (нажатие клавиши) — У этого термина существуют и другие значения, см. Клик. Клик (англ. click щелчок) нажатие одной из кнопок указательного устройства ввода. Название происходит от особенности большинства компьютерных мышей. Содержание … Википедия
Sega Master System — Sega Master System … Википедия
История Mozilla Firefox — Объединить Mozilla Firefox … Википедия
Прокрутка, скролл, скроллинг (от англ. scroll, scrolling) – это форма передачи информации, при котором текст или изображение передвигается в вертикальном либо в горизонтальном направлении, чтобы увидеть дополнительную информацию в окне.
Еще несколько лет назад о скроллинге отзывались негативно, полагая, что он отталкивает пользователей. Сегодня мнения экспертов в отношении скроллинга изменилось. Это связано, прежде всего, с тем, что в нашу жизнь вошли мобильные девайсы и сенсорные технологии. Просматривать текст на маленьком экране стало удобней, передвигая его непрерывно снизу – вверх или слева – направо.
Тот факт, что скроллинг стал обычным делом и хорошо воспринимается пользователями, подтверждают данные исследований. Оказывается, что:
Исследуя юзабилити страниц, эксперты Software Usability Research Laboratory пришли к выводу, что длинные тексты со скроллом пользователи читают быстрее, чем те же тексты, но с разбивкой на страницы.
Это следует учитывать при разработке сайта. Важно разбить текст на «точки прокрутки», т.е. выделить в информации ключевые моменты. Если это не делать, то может возникнуть «усталость от скроллинга», что приведет либо к эффекту «зомби-скроллинга», при котором пользователь не воспринимает информацию либо к «отказу в гневе», когда пользователь уходит с сайта.
Twitter стал первым, кто отказался от постраничного просмотра. Это один из самых успешных и известных скроллинговых веб-ресурсов. Такой формат подачи информации дает возможность смотреть публикации в хронологическом порядке.
Правила юзабилити скроллина
Прежде всего, нужно так организовать контент, чтобы его было легко прокручивать. Вот несколько практических советов, как это сделать:
Это феномен возникает, когда пользователь думает, что внизу страницы уже нет контента. Это происходит по двум причинам:
Чтобы дать понять пользователям, что на странице внизу еще есть полезная информация учтите следующее:
Вертикальный скроллинг страницы средствами jQuery и кроссбраузерность
Далее представлена кроссбраузерная реализация скроллинга страницы средствами jQuery.
Как всё начиналось
Подготавливаем основу
Итак, что мы будем делать. Будем делать две кнопки «вверх» и «вниз», по нажатию на которые осуществляется плавный скроллинг страницы в самое начало и в самый конец, соответственно. При этом реализация должна одинаково работать во всех современных браузерах. Задача ясна, приступим к реализации. Для начала, напишем самое простое, а именно HTML код кнопок и соответствующие им CSS стили.
В итоге мы имеем два круга с надписями «Вверх» и «Вниз» в левом нижнем углу браузера.
Проблемы начинаются
//Обработка нажатия на кнопку «Вверх» $(«#up»).click(function() < //Необходимо прокрутить в начало страницы $(«body»).animate(<"scrollTop":0>,»slow»); >);
//Обработка нажатия на кнопку «Вниз» $(«#down»).click(function() < //Необходимо прокрутить в конец страницы var height=$(«body»).height(); $(«body»).animate(<"scrollTop":height>,”slow”); >);
Добавим рюшечек и бантиков
Итоговый вариант
Таким образом, рабочий код выглядит следующим образом:
$(document).ready(function() < //Обработка нажатия на кнопку «Вверх» $(«#up»).click(function() < //Необходимо прокрутить в начало страницы var curPos=$(document).scrollTop(); var scrollTime=curPos/1.73; $(«body,html»).animate(<"scrollTop":0>,scrollTime); >);
//Обработка нажатия на кнопку «Вниз» $(«#down»).click(function() < //Необходимо прокрутить в конец страницы var curPos=$(document).scrollTop(); var height=$(«body»).height(); var scrollTime=(height-curPos)/1.73; $(«body,html»).animate(<"scrollTop":height>,scrollTime); >); >);
Дополнительно, можно навешать коэффициенты, на которые бы помножалось время или скорость в зависимости от пути для обеспечения больше гибкости, но на этом я уже не буду останавливаться.
Резюме
В итоге мы получили очень простую реализацию скроллинга страницы, которая работает в любом современном браузере. Испытания проводились для DOCTYPE: XHTML 1.0 Strict в браузерах Chrome 10, Opera 10, Opera 11, Firefox 4, Internet Explorer 8, Internet Explorer 9.
Дорогой веб-дизайнер, давай перестанем нарушать возможность скроллить
Комментарии 57
Анимация отдельных элементов страницы может дать пользователю определенные подсказки, касаемо контента веб-сайта. В первом примере, контент появляется снизу и тут же исчетзает. Как будто говорит: «Привет, я тут. Если я тебе нужен, ты знаешь, что делать.»
Да не, полная хрень. ИМХО повсеместная анимация всего и вся — это сейчас тот тренд, который зло. Я захожу на странцу, она грузится, появляются элементы. И при этом ещё какая-то анимация вылазит-залазит туда-сюда. В этом случае я просто подожду, когда всё успокоится и остановится, и уже потом буду разбираться, что у меня на экране.
Анимация вообще не должна происходить сама по себе. Если это не мультфильм, конечно.
(Самый адовый пример, где из-за анимации происходит чёрти-что — новый сайт альфабанка alfabank.ru/ от сами знаете кого)
Но вопрос конечно очень интересный для обсуждения.
Наверное, минимализм — это тоже сейчас мода (а не стандарт вообще).
Но тут изначально в другом проблема. Кто-то сделал новомодный сайт. Он выглядит красиво, это в принципе не плохо, но проблема в том, что теперь стало непонятно, что там есть куда скроллить. И задача в том, как это обозначить. Надпись «тут можно скроллить» — самый тупой и рабочий вариант, но очевидно не идеальный. Но спонтанная анимация — точно хуже (хотя уже и не так тупо).
Ну и получается, что нужно какое-то общепринятое обозначение для прокручивающегося контента. Раньше можно было догадаться по скроллбару + по тому, что есть какой-то текст и он не заканчивается. Для огромных картинок это не работает, т.к. скроллбар можно просто не заметить.
И я сейчас как раз пытаюсь проэкспериментировать в этом направлении. На мой взгляд (очень субъективный) хороший способ — делать, чтоб контент затухал в каком-то градиенте, тогда видно, что он пропадает, но не заканчивается. Это не новая идея, так уже давно обозначали в вебе, но я пытаюсь сделать это обозначение динамическим и зависящим от контекста: asvd.github.io/intence_ru
Хотя, стоит признаться, мои идеи собрали гневных комментов наверное не меньше, чем сайт альфа-банка 😀
новый сайт альфабанка alfabank.ru/
В точку! Это просто «шедевр креатива». Настолько «вырвиглазно», что первый порыв закрыть скорее это месиво. Затем останавливаешься на долю секунду и… закрываешь.
Пересилил сейчас себя, зашел посмотреть внимательнее. Нет, не могу. Все смысловые (текстовые) элементы разбросаны по краям (моего большого) экрана. Глаз в конце рабочего дня просто отказывается это читать.
p.s. я не злой, и более того их клиент… но нельзя же так над людьми издеваться.
«сделано в студии артемия лебедева»
Это не трейдмарк, это диагноз. Того же авторства был сайт медиамаркта, где тоже был дизайн во все поля, и при этом — в магазине, итить! — невозможно было что-то искать по цене/названию…
Способность доказательств и объяснений за годы профессиональной работы могут протолкнуть любой тренд. Мне кажется обращения в крупные студии сейчас похоже на сеансы групповой терапии, не знаю какой правда.
Терпеть не могу сайты в таком виде. Они же не удобны! Они тяжеловесны. Единственный их плюс — это просмотр на планшете, когда хочется просто полистать картинки не вникая в суть (и не делясь этим с кем-либо, ибо дать ссылку на конкретный элемент данной страницы (подстраницу страницы?) обычно довольно сложно).
Да десктопе же они не удобны в принципе.
Оставлю гневный коммент. Вот не пойму, неужели нельзя сделать лёгкий, но аккуратный сайт на чистом HTML? Если вам (или вашему заказчику) так не нравится дизайн в стиле web 1.0, ну сделайте что-то посовременнее, но всё равно на чистом HTML. Чтобы страница весила килобайты без картинок и сотни килобайт с картинками (а не мегабайты) и не отжирала оперативку и процессор. Не надо тотально использовать тяжёлые элементы интерфейса и всякие flash и прочую фигню!
Вот пример. У меня есть нетбук Asus EeePC 701 2g surf, там стоит процессор Intel Celeron M 800, заниженный по частоте до 500 МГц. По сути это урезанный третий пенёк. Не надо говорить, что это мало: это не 80286, на третьем пне люди играли в кучу 3D игр. 🙂 Так вот. На этом нетбуке многие современные сайты скроллятся с фризами и задержками по 10-15 секунд! И 512 Мб оперативки не хватает, от нескольких открытых вкладок браузер вылетает.
Уважаемые разработчики сайтов, можете купить за пару тысяч такой же нетбук (именно такой же, не на атоме. Или просто третий пень) на барахолке и разрабатывать сайты так, чтобы они нормально работали на нём? Потому что то, что делается сейчас — неюзабельно и заметно тормозит даже на современных многоядерных компах… Из-за таких чудо-сайтов смартфоны тоже быстрее сажают аккумулятор и греются. Плюс вся эта красота может не работать как надо, если открыть её в немного устаревшем браузере.
страниц, эксперты Software Usability Research Laboratory пришли к выводу, что длинные тексты со скроллом пользователи читают быстрее, чем те же тексты, но с разбивкой на страницы.
