К чему вы привыкли к современной жизни, связанной с интернетом? Если подумать, то наверняка все те сайты, которые вы в своей жизни посещали, имели стандартный вид в плане прокрутки. Она была вертикальной. Но почему бы не выйти за рамки и заявить о себе иначе? Ведь можно воспользоваться уникальным методом и на сайте реализовать функцию горизонтальной прокрутки. Можете себе такое представить?
Для многих разработчиков сама идея сайта с горизонтальной прокруткой не кажется интересной. Да и вообще, это такой подход, о котором они никогда не задумываются, потому что и стандартный формат ведения сайтов является вполне удовлетворительным.
Возможно, на то есть вполне разумные причины, поскольку данный подход нарушает прочно укоренившиеся представления пользователей о том, что прокрутка на сайте должна осуществляться вверх и вниз.
Содержание
Горизонтальная прокрутка как разрушение стереотипов
Тем не менее, существует множество ситуаций, когда горизонтальная прокрутка может оказаться весьма удачным решением. Примером тому служит персональный сайт Клэр Бакстер.
Веб-ресурс Клэр является наиболее наглядным свидетельством того, как одностраничный сайт может быть преобразован в быстро реагирующий на действия пользователя веб-ресурс с множеством страниц, который имеет преимущество в виде возможности изящного перемещения по страницам.
Это один из тех сайтов, которыми нужно просто попользоваться, чтобы по-настоящему полюбить. Он сверх быстро реагирует на действия пользователя, по-настоящему удобен и кристально понятен.
Удивительно, как данный сайт избегает даже намека на путаницу, которая может возникнуть из-за прокрутки по горизонтали.
Для веб-ресурсов с фотографиями, вроде сайта с портфолио Мелиссы Марии Хернандез, горизонтальная прокрутка может оказаться весьма кстати. Фотографии особенно хорошо подходят для горизонтальной прокрутки, поскольку они отлично выстраиваются в линию и создают увлекательную ленту из изображений.
На сайте Мелиссы размер и последовательность движения фотографий подразумевают, что следующее в очереди изображение будет как бы выглядывать из-за угла, завлекая пользователя продолжать щелкать кнопкой мыши.
Такой намек на то, что следует далее, побуждает пройтись по всем галереям, а это именно то, чего владелец сайта желает добиться от потенциальных клиентов.
Примеры сайтов c горизонтальной прокруткой
Чтобы вы понимали, что такое решение – это не выдумка, далее будут предложены реальные примеры, с которыми вы можете ознакомиться.
Вот список сайтов с горизонтальной прокруткой:
- www.thehorizontalway.com.
- deanoakley.com.
- www.hasrimy.com.
- www.lovebento.com.au.
- www.peter-pearson.com.
Еще один интересный пример расположен по адресу cyberwoven.com. Посетите его и испытайте горизонтальную прокрутку в действии.
Сферой, где, как кажется на первый взгляд, довольно мала вероятность встретить сайт с горизонтальной прокруткой, является недвижимость, однако именно такая версия и присутствует.
Преимущества горизонтальной прокрутки в действии
Данный веб-ресурс с плавной прокруткой по горизонтали также включает любопытную деталь в виде статичной строки меню. На многих сайтах подобного рода навигационные элементы повторяются в каждом фрейме по ходу движения.
А на других сайтах пользователю приходится возвращаться на домашнюю страницу для того, чтобы щелкнуть на нужной ссылке и ознакомиться с каким-то другим содержимым.
Вместо этого на данном сайте содержимое просто скользит при выполнении горизонтальной прокрутки, а логотип и навигационные элементы остаются зафиксированными на месте.
Это замечательный пример горизонтальной прокрутки, когда удобство пользования не снижается и, кроме того, обеспечивается уникальное взаимодействие пользователя с сайтом.
Подводные камни при конструировании сайтов
Просматривая ещё больше ресурсов в сети, можно легко сталкиваться с различными вариантами дизайна, которые необходимо было реализовать на уровне кода. Однако горизонтальная прокрутка – это не то, с чем хотел бы столкнуться тот или иной создатель сайтов.
Дело в том, что такой подход может вызвать большие проблемы с удобством пользования, а также техническую путаницу. В частности, исключение вертикальной полосы прокрутки и обеспечение отображения только горизонтальной полосы прокрутки может показаться несложной затеей, однако не все так просто.
Учитывая, что большинство браузеров позволяет пользователям осуществлять прокрутку по вертикали для просмотра содержимого, вам следует действовать осторожно, когда вы приступите к изменению данного механизма.
Если это действительно тот путь, по которому вы решили пойти, тщательно обдумайте размер содержимого и то, как оно будет отображаться в браузерах (например, в не полноэкранном режиме на 30-дюймовом мониторе).
Если вы сможете создать устраивающий вас дизайн в рамках разумных ограничений в данном отношении, то разработчик, возможно, более радушно воспримет ваш выбор в пользу горизонтальной прокрутки.
Плюсы горизонтальной прокрутки
Если взять и предложить сотне людей воспользоваться сайтом с горизонтальной прокруткой, можно получить действительно много противоречивых отзывов, однако большее количество из них будет положительным.
Что именно может привлечь человека при таком раскладе событий? Вот ряд плюсов:
- Пользоваться удобно на любых устройствах. Да, действительно, будь то телефон или компьютер, в любом случае не будет необходимости бесконечно листать страницу вниз, что часто удручает и даже создаёт определённые проблемы. Единственное, нужно сделать оговорку касательно такой детали. Сайт с горизонтальной прокруткой будет комфортным только в том случае, если его грамотно сделают. При «кривом коде» работоспособность может подвергаться сомнению. Следовательно, если всё будет работать не так, как надо, вряд ли кому-то это может понравиться.
- Данный тип прокрутки отлично подойдёт для размещения какой-то вторичной информации. То есть, вы видите основной контент, который является важным. Всё остальное спрятано и ничего не загромождает, не отвлекает. Отличный вариант для галереи с фотографиями. Каждый раз вы будете видеть нужное изображение. Если заинтересует что-то ещё, не возникнет проблем, чтобы пролистать страницу.
- Горизонтальная прокрутка при грамотном походе к дизайну сэкономит вам большое количество пространства. Вы можете наполнять сайт и по вертикальному направлению, и по горизонтальному. В любом случае вас ждёт успех.
- Когда вы работаете сразу в двух измерениях, появляется возможность предоставить посетителям ту или иную информацию, с которой они ознакомятся прямо на этой странице, переходить куда-то не потребуется.
Заключение
Вот, собственно, и всё, о чем можно было сказать в рамках этой темы. Выбирать конечный вариант вашего сайта только вам. Всё зависит и от предпочтений, и от типа ресурса, с которым вы будете работать.
Например, если у вас галерея с фотографиями, то стоит серьёзно задуматься о внедрении идеи горизонтальной прокрутки. Это будет выглядеть стильно, необычно и интересно.
