javascript - IE 中的视差滚动动画断断续续，但在 Chrome 和 Firefox 中却很流畅。我的代码或 IE 有问题？

Question

这是我用于视差滚动的代码。基本上，它非常流畅并且在 Chrome 和 Firefox 中具有预期的效果，但在 IE 中非常不稳定。这是 IE 的常见问题，还是我的代码可以做得更好？

HTML

<div id="parallaxLayer1">
        <div class="layer1">

        </div>


</div>
<div id="parallaxLayer2" align="center">
        <div class="layer2"></div>
</div>
<div id="parallaxLayer3"></div>

Javascript

<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>

CSS

#parallaxLayer1 {
z-index:1;
position:fixed;
width:100%;
}

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

#parallaxLayer3 {
z-index:3;
position:fixed;
width:100%;
}

Answer 1

这是我用来修复 IE11 在 win8 上滚动时固定元素的抖动的方法。默认情况下它会平滑滚动。

让我知道这是否适合您。

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);
    });
}