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或使用超时来实现自己的解决方案，以控制允许某个函数随时间执行的次数。

阅读该文章以获取更多详细信息。