Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 脚本在浏览器Internet Explorer中无法正常工作。如何修复?_Javascript_Jquery_Internet Explorer_Browser_Scroll - Fatal编程技术网

Javascript 脚本在浏览器Internet Explorer中无法正常工作。如何修复?

Javascript 脚本在浏览器Internet Explorer中无法正常工作。如何修复?,javascript,jquery,internet-explorer,browser,scroll,Javascript,Jquery,Internet Explorer,Browser,Scroll,欢迎光临!请帮帮我!脚本在浏览器Internet Explorer中无法正常工作。在滚动过程中,有一个强大的上下拉动块。如何修复?请帮帮我。非常感谢你的帮助 $(函数(){ 变量$hor=$(“水平”); $(“body”).css('padding-bottom',$(window).width()*2); var-delta=0; $(窗口).on('scroll',函数(){ var top=$(document.scrollTop(); 变量宽度=$(窗口).width(); var

欢迎光临!请帮帮我!脚本在浏览器Internet Explorer中无法正常工作。在滚动过程中,有一个强大的上下拉动块。如何修复?请帮帮我。非常感谢你的帮助

$(函数(){
变量$hor=$(“水平”);
$(“body”).css('padding-bottom',$(window).width()*2);
var-delta=0;
$(窗口).on('scroll',函数(){
var top=$(document.scrollTop();
变量宽度=$(窗口).width();
var lim=$hor.position().top-(delta)-($(window.height()-$hor.outerHeight())/2;
delta=数学最小值(数学最大值(上边缘,0),宽度*2);
$(“.hor:first”,$hor.css({left:delta});
$(“.hor:last”,$hor.css({left:-(width*2-delta)});
$(“body”).css({'padding-top':delta,'padding-bottom':width*2-delta});
});
});
p{
高度:500px;
}
#水平的{
位置:相对位置;
溢出:隐藏;
宽度:100%;
字号:3em;
保证金:0;
填充:0;
高度:250px;
}
#水平,水平{
位置:绝对位置;
宽度:100%;
左-100%;
填充:20px;
}
#水平。水平。h_块引号{
位置:相对位置;
宽度:100%;
保证金:0自动;
字体大小:24px;
线高:1.3em;
颜色:#000;
}

试验

脚本在浏览器Internet Explorer中无法正常工作。脚本在浏览器Internet Explorer中无法正常工作。 脚本在浏览器Internet Explorer中无法正常工作。脚本在浏览器Internet Explorer中无法正常工作。
测试

在旧浏览器中或使用jQuery时,您不能指望
滚动
能够顺利启动

问题是允许在scroll上触发的事件将其取消,因此浏览器必须在出现滚动页面之前完成事件脚本-如果这需要太长时间,则滚动显示为结巴或挂起

在脚本中调用jQuery方法,如
.width()
.outerHeight()
以及这些等待DOM回流的wrap方法。它们的速度很慢,不是难以置信的慢,但是足够慢,以至于一个滚动动画可能会出现掉帧或结巴等着它们。您还可以更改定位,这也会导致回流

现代浏览器有一个新功能来处理这个问题:-由于被动侦听器不能取消事件,浏览器不必担心等待它们。jQuery,因此建议不要对滚动事件使用jQuery

然而,IE-IE解决这个问题的方法是稍微消除事件的影响。多个快速连续的卷轴会被堆叠起来,并且只会定期触发,DOM回流更改会导致它在部分之前和部分之后触发。如果拖动滑块,您不会真正注意到,但当它赶上时,滚轮滚动会出现抖动

我会尝试以下方法:

  • 将在滚动事件之间不改变的所有大小检查移到滚动之外

  • 更改要使用的定位,因为这将使用图形卡进行计算


我们不知道“无法正常工作”在特定术语中的含义,也不知道您在所有版本的internet explorer浏览器中测试了哪些版本的internet explorer,当滚动块水平并启动整个页面上下“跳跃”时。您好,这是一个旧的i.e错误,但有一个使用jquery滚动插件的解决方法,你可以阅读所有关于它的信息,在这里看到细节,在这里看到修复,但是如果你使用侧边栏滚动页面,脚本就会工作。没有人再使用IE了。如果你支持IE,那么人们会在你的应用程序中使用它,更多的人会使用IE=end of the web。所以不要修复这个问题,这不仅仅是在旧的浏览器中。即使在最新版本的IE中,@LADYX最新版本的IE也是传统的。微软不再开发IE了,IE11是最后一个版本。自从Windows10发布以来,它就已经过时了,微软将Edge作为其当前/实时浏览器。他们将在2025年前修补IE11中的安全漏洞,但除此之外,它已经死了——只适用于遗留公司和未修补的台式机。@LADYX不要相信我的话。Chris Jackson(微软负责这类事情)@LADYX与此同时,被动事件监听器正在使用,当前的浏览器正在努力支持ES2017,大量新的API和IE11仍停留在2013年。