Здесь мы имеем воссоздание страницы Nike Better World:Прокрутка прокрутки Parallax и прокрутка браузера.
http://ianlunn.co.uk/demos/recreate-nikebetterworld-parallax/
На Firefox он выглядит очень хорошо, потому что Firefox имеет гладкую (МОГ) скроллинг.
Во всех других браузерах, которые я пробовал (Safari, Opera, IE, Chrome), он выглядит гораздо менее приятным, потому что все эти браузеры прокручивают половину экрана за раз. Иногда трудно сказать, что параллакс на самом деле является преднамеренным эффектом для этих браузеров.
Здесь мы имеем WordPress тему:
http://themespectrum.com/parallax-demo/
Он отлично смотрится на всех браузерах, потому что (по-видимому) конструкторы как-то изменили поведение прокрутки колеса и страницы движется достаточно медленно, что параллакс анимированный а не коренастый.
Как они это сделали?
В более широком смысле, должно это будет сделано? Мне не нравится идея переопределения такого фундаментального аспекта пользовательского опыта, но мне также не нравится, как параллакс просматривается практически в любом браузере, который не является Firefox.
Я не буду отвечать, потому что это не мое решение, но взгляните на этот вопрос, кажется, обращается к «нормализации» скорости прокрутки: http://stackoverflow.com/questions/5527601/normalizing-mousewheel-speed- в разных браузерах –
Это выглядит так, как я думал. Вид беспорядка, но это место для начала. – crowhill
Я также проверю тему WordPress, чтобы узнать, могу ли я понять, как они это сделали. На самом деле, поскольку у них есть «обычная» полоса прокрутки на стороне, я тоже думаю, что они обошли прокрутку браузера полностью в пользу JavaScript-powered с определенной скоростью. –