IE10 + 11：onscroll＆amp;改变滞后性能

Question

我有一个简单的代码段来创建一个＆＃34;固定标题＆＃34;使用JS和CSS转换。在现代浏览器上性能非常好，但它在IE 10＆amp; 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)';
};

尝试here。

Answer 1

scroll事件被触发了太多次，这可能是您在IE中遇到性能滞后的原因。

我建议使用debounce，throttle或使用超时实现自己的解决方案来控制允许函数执行的次数。

阅读the article了解更多详情。