Вертикальный параллакс прокрутки

Я работаю над упрощенным вертикальным параллаксом (аналогично http: // nikebetterworld.com ).

У меня есть быстрая демонстрация - код технически работает, но я получаю нервный эффект при перерисовке после каждой прокрутки - похоже, javascript происходит поздно. Есть идеи, почему? Я не вижу в скрипте ничего, что действительно выделялось бы.

var getYPosition = function() {
  if (typeof(window.pageYOffset) == 'number') {
    return window.pageYOffset;
  } else {
    return document.documentElement.scrollTop;
  }     
};

$(document).ready(function(){
  var sections = $(".section");
  $(window).scroll(function() {
    var x = getYPosition(),
    y = Math.floor(x / 1600),
    z = $(sections[y]).offset();
    $(sections[y]).css("background-position", "0 " + (getYPosition() - z.top)/2 + "px");
  });
});

5
задан brainjam 26 July 2011 в 17:36
поделиться