Как ускорить скорость прокрутки фонового изображения?

Question

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

Answer 1

Получить текущую позицию прокрутки страницы и умножить ее на ваш любимый курс. Затем изменить положение фона, чтобы привести номер:

$(document).ready(function(){ 
 
    var yOffset; 
 
    $(window).scroll(function(){ 
 
     yOffset=$(window).scrollTop()*10; 
 
     $("body").css('background-position', '0px '+-yOffset+'px'); 
 
     }) 
 
})

body{ 
 
    background:url('https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png'); 
 
    height:4000px}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="test"> 
 
&nbsp; 
 
</div>