Google Chrome：Windowsのブラウザでスクロールアニメーションが機能しない

Question

私はbtnをクリックするとアニメーションを表示するscrolltop（）を使用してフォームに移動します。私のUbuntu Chromeでは正常に動作します。しかし、WindowsのGoogle 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のブラウザがうまく動作しています。キャッシュをクリアしてから、もう一度お試しください。希望、あなたの問題を解決します。