javascript - slider 的视差滚动不平滑

Question

我的视差幻灯片脚本有问题。它滚动不流畅，而且摇晃得很奇怪。问题是我找不到适合元素的脚本(如 slider 等)，其中大部分仅适用于单个图像。这是我的脚本:

<script type="text/javascript">
var ypos,image;
function parallex () {
    ypos = window.pageYOffset;
    image = document.getElementById('slider');
    image.style.top = ypos * .8 +'px';
}
window.addEventListener('scroll',parallex);

网站链接:http://www.pappu-lighting.com/Slider/Home.html

Answer 1

$(window).scroll(function(){
    if($(document).scrollTop() > 600 && $(document).scrollTop() < 2500){
         var temp =  100 - ($(document).scrollTop() - 1200) / 8;
         var bonus = '50% ' + temp*-1 + '%';
         document.getElementById('div').style.backgroundPosition = bonus;
    }
}