滚动事件上的jQuery无法在Internet Explorer 11中运行

时间:2015-01-15 22:10:50

标签: jquery internet-explorer-11

我试图在Internet Explorer 11中运行以下代码,但似乎无法实现。它在Chrome,Firefox和Opera中运行良好,但在IE11中没有任何反应。有谁碰巧知道如何解决它?这是一个简单的代码,可以在滚动时添加一些类并更改css-settings。

jQuery的/使用Javascript:

$(window).on('scroll', function() {
        $('#soyle1').addClass('soyle1').css('height', '400px');
        $('#soyle2').addClass('soyle2').css('height', '480px');
        $('#soyle3').addClass('soyle3').css('height', '320px');
        $('#soyle4').addClass('soyle4').css('height', '400px');         
}); //End scroll-function

1 个答案:

答案 0 :(得分:1)

即使您有滚动部分的答案。想要添加一个关于如何使用小提琴中的代码最小化冗余的答案。这有不同的做法(去抖动,油门,超时等),但我眼中最简单的就是一次性运行。它只依赖于一个布尔值,该布尔值在函数被触发一次后改变其状态。

runonce = false;
$(window).on('scroll', function() {
  if (!runonce) {
    $('#s1').addClass('s1').css('height', '400px');
    $('#s2').addClass('s2').css('height', '480px');
    ...
    runonce = true;
  }
});