Javascript 视差滚动动画在IE中不稳定,但在Chrome和Firefox中平滑。我的代码有问题,还是IE?
这是我用于视差滚动的代码。基本上,它非常平滑,在Chrome和Firefox中具有预期的效果,但在IE中非常不稳定。这是IE的常见问题,还是我的代码可以更好 HTMLJavascript 视差滚动动画在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
下面是我在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);
});
}