Question

我在点击btn时使用animate，scrolltop（）转到表单。它在我的Ubuntu Chrome中运行良好。但它在Windows Google Chrome和Mozilla Firefox中不起作用。

＆＃13;

      
          $(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();
                    
                  });
            
              });

＆＃13;

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

＆＃13;

<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>

＆＃13;

任何帮助都会很棒。

谢谢。

Answer 1

如果我的Windows浏览器，它在所有方面都很好用。请清除缓存然后再试一次。希望，它解决了你的问题。

谷歌浏览器：滚动动画无法在Windows浏览器中使用

1 个答案: