Css IE 11上的滚动延迟效果较慢

如上所示，如果从任何普通浏览器（FF/Opera/Chrome）打开链接，在滚动面板时，蓝色伪元素会对其位置产生延迟效果

尽管IE11确实对其应用了某种效果，但它似乎比其他浏览器慢好几倍

这是有关滚动效果的代码：

function checkScroll(){   
      if ($('.contentPanel').attr('data-active')==="hola"){

         if ($('.contentPanel').scrollTop() >= ($('.section-adapta').position().top)-150) {
            scrolledY1=$('.contentPanel').scrollTop() - $('.section-adapta').position().top+150;
             $('.icon-adapta').css('margin-top', 10-((scrolledY1*0.1))+'px');    }

         if ($('.contentPanel').scrollTop() >= ($('.section-interac').position().top)-150) {
            scrolledY2=$('.contentPanel').scrollTop() - $('.section-interac').position().top+150;
             $('.icon-interac').css('margin-top', -30+((scrolledY2*0.07))+'px');    }

         if ($('.contentPanel').scrollTop() >= ($('.section-dinami').position().top)-150) {
            scrolledY3=$('.contentPanel').scrollTop() - $('.section-dinami').position().top+150;
             $('.icon-dinami').css('margin-top', 100-((scrolledY3*0.1))+'px');    }

         if ($('.contentPanel').scrollTop() >= ($('.section-ux').position().top)-150) {
            scrolledY4=$('.contentPanel').scrollTop() - $('.section-ux').position().top+150;
             $('.icon-ux').css('margin-top', -80+((scrolledY4*0.08))+'px');    }
       }}

---

这是由使用

位置时的不同默认行为造成的：固定
而不设置任何位置（无
左
、
上
、
右
或
下
）。对于您的情况，最简单的解决方法是使用
位置：绝对。
我遇到了同样的问题，您的答案解决了：）谢谢！