對IE瀏覽器的滾動延遲效果變慢11

Question

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

Answer 1

這是通過不同的默認行爲使用position: fixed不設置任何位置（沒有left，top，right或bottom）時引起的。在你的情況最簡單的方法是使用position: absolute。