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

【问题标题】：Scrolling delay effect slower on IE 11IE 11 上的滚动延迟效果较慢
【发布时间】：2014-11-03 20:03:28
【问题描述】：

正如THIS LIVE DEMO 所见，如果您从任何普通浏览器（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');    }
       }}

【问题讨论】：

标签： css internet-explorer scroll pseudo-element

【解决方案1】：

这是由于在不设置任何位置的情况下使用position: fixed 时的不同默认行为（没有left、top、right 或bottom）。在您的情况下，最简单的方法是改用 position: absolute。

【讨论】：

我遇到了同样的问题，你的回答解决了它：）谢谢！