Google 크롬 : Windows 브라우저에서 스크롤 애니메이션이 작동하지 않습니다.

Question

애니메이션을 사용하고 있습니다. scrolltop()을 사용하여 btn을 클릭하면 양식으로 이동합니다. 내 우분투 크롬에서 잘 작동합니다. 하지만 Windows Chrome 및 Mozilla Firefox에서는 작동하지 않습니다.

 
 
      $(function() { 
 
        $('a.scroll_page').bind('click', function(event) { 
 
         var $anchor = $(this); 
 
         $('html, body').stop().animate({ 
 
         
 
          scrollTop: $($anchor.attr('href')).offset().top 
 
         }, 1500, 'easeInOutExpo'); 
 
         event.preventDefault(); 
 
        
 
        }); 
 
      
 
       }); 
 

 
\t \t \t

.content_div{ 
 
    height:400px; 
 
} 
 

 
.form_div{ 
 
    width:100%; 
 
    height:300px; 
 
    border:thin black solid; 
 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
     <!-- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script> --> 
 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script> 
 

 
<a href="#download_ebook" class="btn scroll_page">Download</a> 
 

 
<div class="content_div"></div> 
 

 
<div class="form_div" id="download_ebook"></div>

어떤 도움도 좋은 것입니다.

감사합니다.

Answer 1

내 Windows 브라우저가 제대로 작동합니다. 캐시를 비운 다음 다시 시도하십시오. 희망, 그것은 당신의 문제를 해결합니다.