Сломанная прокрутка параллакса

Question

В последнее время я заметил, что мой код параллакса вызывает странное движение дрожания слева направо. Код очень прост:

$(window).scroll(function(){ 
    var body = $('body'); 
    var top = $(this).scrollTop(); 
    $('.carousel-inner img').css('top', top/2); 
}); 

Тот же вопрос дрожит можно увидеть в этой демонстрации http://www.bootply.com/vTCajmeQHQ

Почему это происходит? Как изменился браузер, изменилось ли событие прокрутки? Как я могу исправить это, чтобы он больше не дрожал? Это началось только несколько месяцев назад, это было гладко раньше.

Моя разметка выглядит следующим образом <% = IMAGE_TAG 'IMG.jpg' %> <% = IMAGE_TAG 'img1.jpg' %>

Answer 1

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

Так, как это стоит начальная позиция:

background: url('/assets/example/bg_blueplane.jpg') no-repeat center center fixed; 

Но когда вы применить новые стили, «центр центра» позиционирование сброса и повторного расположен по отношению к верхней части окно. Я действительно уверен, что это происходит с другими изображениями в приведенном вами примере, но мы не можем их увидеть, когда мы начнем прокрутку.

Извлеките первоначальное позиционирование, и вы должны получить эффект, который вы ищете.