Javascript 视差滚动动画在IE中不稳定,但在Chrome和Firefox中平滑。我的代码有问题,还是IE?

Javascript 视差滚动动画在IE中不稳定,但在Chrome和Firefox中平滑。我的代码有问题,还是IE?,javascript,html,internet-explorer,parallax,Javascript,Html,Internet Explorer,Parallax,这是我用于视差滚动的代码。基本上,它非常平滑,在Chrome和Firefox中具有预期的效果,但在IE中非常不稳定。这是IE的常见问题,还是我的代码可以更好 HTML 下面是我在win8上使用固定元素修复IE11中的抖动的方法。默认情况下,它具有平滑滚动功能 让我知道这是否适合你 if(navigator.userAgent.match(/Trident\/7\./)) { $('body').on("mousewheel", function () { event.pr

这是我用于视差滚动的代码。基本上,它非常平滑,在Chrome和Firefox中具有预期的效果,但在IE中非常不稳定。这是IE的常见问题,还是我的代码可以更好

HTML


下面是我在win8上使用固定元素修复IE11中的抖动的方法。默认情况下,它具有平滑滚动功能

让我知道这是否适合你

if(navigator.userAgent.match(/Trident\/7\./)) {
    $('body').on("mousewheel", function () {
        event.preventDefault();
        var wd = event.wheelDelta;
        var csp = window.pageYOffset;
        window.scrollTo(0, csp - wd);
    });
}

哪个版本的IE?与今天的JS和布局引擎IE11(我想是Edge?)相比,旧版本的速度非常慢。这个问题似乎也存在于10和9版本中。我还没查到8点。
<script>
    $(window).bind('scroll',function(e){
parallaxScroll();
});

function parallaxScroll(){
var scrolled = $(window).scrollTop();
$('#parallaxLayer1').css('top',(0-(scrolled*.5))+'px');
$('#parallaxLayer2').css('top',(0-(scrolled*.5))+'px');
$('#parallaxLayer3').css('top',(0-(scrolled*.75))+'px');
}
</script>
#parallaxLayer1 {
z-index:1;
position:fixed;
width:100%;
}

#parallaxLayer2 {
z-index:2;
position:fixed;
width:100%;
}

#parallaxLayer3 {
z-index:3;
position:fixed;
width:100%;
}
if(navigator.userAgent.match(/Trident\/7\./)) {
    $('body').on("mousewheel", function () {
        event.preventDefault();
        var wd = event.wheelDelta;
        var csp = window.pageYOffset;
        window.scrollTo(0, csp - wd);
    });
}