JQuery 애니메이션 Firefox 스터 터

현재 첫 웹 사이트를 만들고 있는데 애니메이션을 위해 JQuery를 사용하고 있습니다. 애니메이션은 IE에서는 매우 매끄 럽지만 Firefox에서는 심각하게 더듬 거리는 경우가 있습니다. 웹 사이트는 www.chiahaoyang.com입니다. 나는 무의미하게 그것을 고치려고 무수한 시간을 보냈다. 감사!JQuery 애니메이션 Firefox 스터 터

갱신 1는 : JQuery와로드/애니메이션 코드는 다음과 같습니다

function ajaxLoad(input){ 
     contentBox.fadeIn(); 
     content.fadeOut("medium",function() { 
      content.load("ajax_pages/"+input+".html", function(){ 
       var contentHeight = content.height(); 
       if(contentHeight > screen.height*0.66){ 
        contentBox.animate({height: screen.height*0.66},"slow",function(){ 
         content.delay(500).fadeIn("slow"); 
        }); 
       } else { 
        contentBox.animate({height: contentHeight},"slow",function(){ 
         content.delay(500).fadeIn("slow"); 
        });    
       } 
      }); 
     }); 
    };

내용이 내가 아약스 페이지를로드 사업부입니다. 물결이 거침의 소스 일부 CSS3 속성입니다 : contentBox는 UPDATE 2이

사업부의 바깥 쪽 내용을입니다

-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.15);

그것은 이러한 향상된 브라우저에 대한 자세한 부하를 넣어하지만, 어떤 방법이 있다는 것을 의미한다 파이어 폭스가 IE처럼 부드럽게 렌더링되도록하려면 어떻게해야할까요?

3 UPDATE : 좋아 난 그냥 함께 위의 코드를 대체 :

-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), inset 0 0 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), inset 0 0 5px rgba(0, 0, 0, 0.15); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), inset 0 0 5px rgba(0, 0, 0, 0.15);

는 이제

출처

2012-05-27 Danny Yang

저는 이것이 컴퓨터의 그래픽 카드와 처리 능력, 그리고 브라우저가 페이지를 렌더링하는 방법과 관련이 있다고 생각합니다. – nhahtdh

"resume"을 (를) 클릭하고 GET을 수행하는 데 6.21 초가 걸렸습니다 ... 내용을 표시하려면 방법을 개선해야합니다! – Zuul

@nhahtdh 나는 그게 문제라고 크게 의심합니다. 애니메이션은 Internet Explorer에서는 매우 부드럽지만 Firefox에서는 원활하지 않습니다. –

이 문제는 나에게 매우 성가신입니다 ... 많은 부드럽게, 난 내를 설계 해요 사이트뿐만 아니라, jquery 요소는 말할 것도없고 파이어 폭스가보기 흉하지 않게 실행하는 상자 그림자 효과를 낮춰야합니다. 상자 그림자 효과가 너무 많으면 실행할 수 없습니다. IE를 사용하면 이런 일이 일어나지 않는 이유를 알지 못합니다. 사이트가 물처럼 부드럽게 돌아갑니다. 분명히 여기에 뭔가가 일어나고 있습니다 누군가 제발 우리에게 도움을주세요 :) 감사합니다.

출처

2012-05-30 15:05:20 Pablo

JQuery 애니메이션 Firefox 스터 터

답변

관련 문제