滑块的Paralax卷轴不平滑

时间:2017-06-11 20:53:57

标签: javascript html css

我的视差幻灯片脚本有问题。它不是滚动平滑而且摇晃怪异。问题是我找不到合适的元素脚本(如滑块等),大多数只用于单个图像。有我的剧本:

<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

1 个答案:

答案 0 :(得分:0)

$(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;
    }
}