IE10 + 11：滾動和轉換落后的性能

Question

我有一個簡單的代碼段，用於使用JS和CSS轉換創建“固定標頭”。 在現代瀏覽器上，性能很棒，但在IE 10和11上卻有所提高。

我不確定是IE的滾動事件緩慢還是樣式改變。

是否有解決方法以提高性能？

還是我需要走另外一條路？ （ position:fixed ）-我真的不喜歡沿着位置固定的路徑前進，因為translateY解決方案也適用於表頭。

var el = document.getElementById('test');

window.onscroll = function() {
  var wintop = window.pageYOffset;
  var offset = el.offsetTop;
  el.style.transform = 'translateY(' + (window.pageYOffset - el.offsetTop) + 'px)';
};

嘗試在這里 。

Answer 1

scroll事件被觸發太多次，這可能是您在IE中遇到性能滯后的原因。

我建議您使用debounce ， throttle或使用超時來實現自己的解決方案，以控制允許某個函數隨時間執行的次數。

閱讀該文章以獲取更多詳細信息。