scrollTop 애니메이션은 Safari에서는 작동하지만 Chrome에서는 작동하지 않습니다.

Question

이상합니다. FireFox, Safari 및 IE에서는 제대로 작동하지만 Chrome에서는 애니메이션이 작동하지 않습니다. 애니메이션없이 바로 위로 이동합니다.

스크립트

<script> 
    $(document).ready(function(){  
     $("a[href='#top']").click(function() { 
      window.parent.$('body,html').animate({ 
       scrollTop: 0 
       }, 800); 
      return false; 
     }); 
    }); 
</script> 

버튼 :

<a href="#top"><img src="_img/top.png"></a> 

모든 것은이 로컬 도메인에 부모 페이지에 포함 된 iframe에 있습니다. iframe을 별도로 열면 애니메이션이 Chrome에서도 작동합니다!

Answer 1

해결책 : Chrome에서 총 다시로드하지 않습니다. 이전에 페이지를로드 한 경우, 시스템을 다시 시작할 때까지 캐시에 모든 것이 남아 있습니다. 재부팅을 한 후 버튼이 제대로 작동해야합니다. Safari에서 버튼이 제대로 작동하는지 여부입니다. iOS에서 Safari를 사용할 때와 같은 문제가 발생할 수 있습니다. 그냥 장치를 재부팅하십시오.