根据窗口大小防止css转换

Question

在调整窗口大小时阻止css转换的常见做法是什么？

在我的示例https://jsfiddle.net/f3c9e4n7/3/中，窗口大小不同，在＆＃34; on＆＃34;状态，元素动画到另一个位置。我可以通过添加一个带有transition: none;的额外类来阻止动画，其中超时如下：https://jsfiddle.net/f3c9e4n7/2/。

有什么更好的做法呢？添加超时功能似乎不是最优雅的解决方案。

$(".el").click(function() {
  if ( $(this).hasClass("off") ) {
    $(this).removeClass("off");
    setTimeout(function() {
      $(".el").addClass("notransition");
    }, 650);
  } else {
    $(this).removeClass("notransition");
    $(this).addClass("off");
  }
});