Знакомство с Parallax Scrolling

[@sparkle]

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

[@derSmoll]

Тут в принципе нужен комплексный подход — начиная с продумывания общего дизайна и заканчивая оптимизацией

[@djahn]

Ага. Сайт фольксвагена крашнул мне ФФ: с

[@run4way]

artofflightmovie.com
Просто шикарный скроллинг, даже не думал, что такое возможно.

[@derSmoll]

Я его специально первой ссылкой вставил, чтобы никто не пропустил :)

[@YoMan]

Сайт крут но видео впечатлило еще больше. Уже тяну полнометражку.

[@sparkle]

Да. Фильм шикарен, картинка, звукоряд. Отпад одним словом…

[@r00tGER]

Вертолетчики вообще без башенные, некоторые маневры вообще кажутся нереальными для вертолета…
А вы тут про веб :)

[@Alexufo]

Не успел как появится этот трюк, кажется после кросовок Nike, как он стал надоедать. Но это никого не остановило:

сайт 2011 года www.360langstrasse.sf.tv/page/
titanic.q-music.be/
ikayzo.com/
fundacionrafaelpombo.org/

[@ShouldNotSeeMe]

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

[@Alexufo]

html5 готовится убить флеш.

[@S0ulReaver]

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

[@Athari]

Опера начала ощутимо отставать по части хардварной оптимизации. 12-я версия должна исправить ситуацию, но когда она ещё будет…

[@SHVV]

Тут, скорее всего, еще проблема в том, что в Опере по-умолчанию включен плавный скролл, а значит ей приходится перерисовывать страницу в несколько раз чаще, чем, например, Хрому.
В любом случае долго по таким сайтам ходить трудно — голова начинает болеть.

[@mc_murphy]

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

[@vladislavkorobov]

А мен понравилась страничка asustransformer.ru/201/
Признавайтесь, кто делал?

[@Shultc]

Программисты…

[@ShouldNotSeeMe]

Интересно, на тех планшетах сайт так же будет тормозить? Хоть бы минимальные системные требования для просмотра огласили.

[@derSmoll]

На планшетах большинство из них некорректно будет работать, потому что в мобильных браузерах ивенты при прокрутке не будут срабатывать…

[@Xlab]

http://spam.com

[@derSmoll]

Ух, почти 9мб при начальной загрузке

[@Elfet]

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

[@Elfet]

Боже мой. Простите за мой русский…

[@kuzemchik]

Великолепная статья! Есть мысль как еще можно сделать такое, пойду пробовать)

[@getnaked]

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

[@Oreolek]

Красиво, но большинство людей всё-таки используют колёсико мыши. Вся плавность скролла пропадает.

[@AxisPod]

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

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

[@zemik]

У nike есть какой-то сайт классный с таким скроллингом.

[@derSmoll]

Air Jordan 2012

[@AntonDiaz]

В ряде случаев реализация ужасна. Возьмем первый же сайт в списке: activatedrinks.com/. В Хроме сильно тормозит на нетбуке, в Фаерфоксе зияет сообщение об ошибке (тормоза, конечно, и там), в Опере просто не видно толком ничего, в Эксплорере (девятом) вообще крашится страница. Добавим к этому общие неудобства навигации по странице. Вышеназванный пример даже как презентационный сайт не годится.