Я работаю над упрощенным вертикальным параллаксом (аналогично 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");
});
});