Простая техника Parallax Scrolling

[@stigger]

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

[@dobriykot]

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

[@tushev]

Когда скорость скролинга высокая, то у и меня рябит.
А вот если скорость низкая, то весьма миленько.

[@iCoderXXI]

Колёсиком когда скролю, то рывками. А когда скроллбар таскаю мышой — то норм, симпатишно так.

[@matiouchkine]

Я уже всерьез подумываю о написании плагина, который будет откатывать javascript до версии 1.7.

[@HeadFore]

> $(document).ready(function(){
Почему я так часто вижу это в чужом коде? Почему не $(function(){ ?!

[@ilusha_sergeevich]

Уже привычка. $(document).ready() — так в документации jQuery всегда было написано

[@tushev]

Так чуть понятнее, что у document случилось ready.
А то если не знать такой фичи, то не каждый поймет что это за функция, и куда она засунута.
Почти самодокументирование.

[@Grammka]

Вы серьезно? давайте тогда писать <script type="text/javascript"></script> в HTML5

[@egoserg]

Если этого не знать.
То и понимать не нужно.
Нужно закрыть IDE и ити копать траншеи

[@matiouchkine]

s/IDE/notepad.exe/

[@tushev]

То есть вы считаете что хаки и шорткаты, лучше очевидного для любого человека кода?

Или считаете что сэкономив 16 байт кода вы облегчите страдания JavaScript интерпретатора? ))

[@Grammka]

Зачем тогда использовать библиотеки? давайте писать на чистом JS, зачем сокращения?

[@hermit931]

Почему не $(function(){ ?

я бы сказал даже jQuery(function($){

[@ilusha_sergeevich]

Это вам спасибо за ссылочку, Parallax тут шедевральный, сайт — супер, мне самому стало интересно, как сделать подобный эффект. Будет время, постараюсь разобраться, пойму — обязательно поделюсь этим с хабром.

[@drakmail]

joelb.me/scrollpath/ Наверное, как-то примерное так.

[@ilusha_sergeevich]

Полезно, добавил в закладки

[@matiouchkine]

За распространение таких ссылок я бы приговаривал к 15 суткам программирования на КОБОЛе.

[@Magiq]

Наркоманство.

[@AlexSane]

Вот ещё отлично: http://www.nike.com/jumpman23/aj2012/

[@flom]

Да красивый эффект, мы на рекламной странице тоже решили простебаться параллаксом

[@flom]

Полосатый фон — это да, мечта эпилептика. Никак не соберемся от него отказаться.

[@Alinaki]

проблему нашли, взяли и отказались.

[@matiouchkine]

Веселенькая у вас рекламная страница.

[@cccr85]

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

[@ilusha_sergeevich]

Да, не спорю. Но это именно техника, очень простая для понимания. Даже на начальном уровне знания jQuery опираясь на эту технику можно придумать что нибудь поинтереснее.

[@ilusha_sergeevich]

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

[@vovs]

Статья полезная. Спасибо!

[@termi]

И сразу вопрос: зачем тут jQuery?

[@hermit931]

Чтобы сделать еще один запрос :) шутка.
Думаю что на сайте это не единственный скрипт будет, так что скорее всего это отдельная часть сценария

[@termi]

Меня просто смутило то, что с условием использовании jQuery, демо не работает даже в IE8. Я переделывал сложное паралакс демо из статьи, без jQuery, кода не больше чем в оригинале на jQuery (и мой код проще), работает в IE7+

[@hermit931]

Нерабочее решение это уже скорее к автору этого решения. А jQuery в проекте скорее всего все равно будет задействовано, так что соблазн воспользоваться им велик. Да и проще читать код, когда все один стилем написано, если конечно кроме этого эффекта там еще куча кода.

[@ilusha_sergeevich]

В IE не работает из за HTML5 элементов.

document.createElement(«article»);
document.createElement(«section»);

И все будет работать

[@termi]

Да я то в курсе, просто, если не заморачиваться, чтобы код работал в старых браузерах — зачем использовать jQuery? Хотя hermit931 выразил разумную мысль, что если весь проект пишется на jQuery, то и для параллакса лучше использовать jQuery. Но есть же куча библиотек для этого и некоторые из них весьма неплохие.

[@gdX]

Только сегодня в рассылке попадалась статья
Parallax Tools and Techniques

[@afi13]

habrahabr.ru/post/161941/