Scrollspy - クリックしてクロムのスクロール、IEとFFは

Question

をクリックします。navbarをクリックすると、Chromeでページが正しくスクロールされ、FFとIEでは何も起こりません。

handleOnClick (e) { 
    e.preventDefault(); 
    if (this.props.show) { 
     var target = $(e.target.parentElement); 
     var el = $('#section-' + this.props.id); 
     $('.list-group-item').removeClass('active'); 
     $('.scrollspy').removeClass('scrollspy-active'); 
     target.addClass('active'); 
     $('body').animate(
      {scrollTop: (el.offset().top - 20)}, 
      { 
       duration: 200, 
       done:() => { 
        $('.scrollspy').addClass('scrollspy-active'); 
       } 
      }); 
     this.props.onSelected(e, this.props.id); 
     if ($(window).width() <= 992) { 
      $('.collapse').collapse('hide'); 
     } 
    } 
}; 

UPDATE： はここに私のナビゲーションのJSXの一部だとここに私のnav.htmlです。あまりにも大きければ私を許してください。 フォーラムによれば、FFやIEに関してはスクロールバーの問題がありましたが、それは高さには関連していましたが、それはそうではないようです。

<div class="navbar navbar-default navbar-fixed-top" role="navigation"> 
    <div class="container"> 

     <!-- Main navigation --> 
     <ul class="nav navbar-nav"> 
     {% for nav_item in nav %} 
     {% if nav_item.children %} 
     <li class="dropdown{% if nav_item.active %} active{% endif %}"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{ nav_item.title }} <b class="caret"></b></a> 
      <ul class="dropdown-menu"> 
      {% for nav_item in nav_item.children %} 
      {% include "nav-sub.html" %} 
      {% endfor %} 
      </ul> 
     </li> 
     {% else %} 
     <li {% if nav_item.active %}class="active"{% endif %}> 
      <a href="{{ nav_item.url }}">{{ nav_item.title }}</a> 
     </li> 
     {% endif %} 
     {% endfor %} 
     </ul> 
     {% endif %} 
     <ul class="nav navbar-nav navbar-right"> 
     {% if repo_url %} 
     <li> 
      <a href="{{ repo_url }}"> 
      {% if repo_name == 'GitHub' %} 
      <i class="fa fa-github"></i> 
      {% elif repo_name == 'Bitbucket' %} 
      <i class="fa fa-bitbucket"></i> 
      {% endif %} 
      {{ repo_name }} 
      </a> 
     </li> 
     {% endif %} 
     </ul> 
    </div> 

Answer 1

は、それはあなたのhtmlです

$('html,body').animate(