2013-03-09 5 views
0

저는 파이어 폭스 & 크롬에서 완벽하게 작동하는 막대 그래프를 가지고 있지만 인터넷 탐색기에는 없습니다. 누구든지 나를 도울 수 있습니까? 고맙습니다. http://jsfiddle.net/FkUYf/6/JQuery 애니메이션이 IE에서 작동하지 않습니다.

$(document).ready(function(){ 
     $(document).scroll(function() { 
      var top = $(document).scrollTop(); 
      console.log(top); 
      if (top > 300) { 
       $("#html, #css").animate({width:"100%"}, 2000); 
       $("#javascript").animate({width:"40%"}, 2000); 
       $("#php").animate({width:"50%"}, 2000); 
       $("#mysql").animate({width:"30%"}, 2000); 
       $("#wordpress").animate({width:"60%"}, 2000); 
      } 
     }); 
    }); 
+1

5 'if' 문을? 왜? – undefined

+5

IE에는 console.log가 없으므로 나머지를 실행하기 전에 IE가 충돌 할 수 있습니다. 그것 이외에, 어쩌면 IE 윈도우가 커지면 결코 커지지 않을 것입니다. 또한 정의되지 않은 것처럼, 5 번 같은 경우에는 바보입니다. – Dave

+0

@Dave Um? IE는 IE8 이후 콘솔을 가졌습니다. 어쨌든, IE10에서 나를 위해 잘 작동합니다. –

답변

2

이 시도 : 같은 조건

$(document).ready(function(){ 
     $(document).scroll(function() { 
      var top = $(document).scrollTop(); 
      console.log(top); 
      if (top > 300) { 
          $("#html, #css").animate({width:"100%"}, 2000) 
          $("#javascript").animate({width:"40%"}, 2000); 
          $("#php").animate({width:"50%"}, 2000); 
          $("#mysql").animate({width:"30%"}, 2000); 
          $("#wordpress").animate({width:"60%"}, 2000); 
      } 
     }); 
    }); 
관련 문제