手風琴無法正確滾動到展開的元素

Question

我有手風琴，我試圖滾動到活動的頂部，但現在的問題是當我打開一個然后嘗試打開另一個時，偏移量無法正常工作。 但是，如果所有這些都折疊並嘗試擴展其中一些，它就可以工作。 問題只是當我擴展了一個並嘗試擴展另一個時。

<div class="faqs">
   <ul>
     <li class="q"><a href="#"> Question </a></li>
     <li class="a"> Answer </li>
  </ul>

   <ul>
     <li class="q"><a href="#"> Question </a></li>
     <li class="a"> Answer </li>
  </ul>
</div>

jQuery('.faqs ul').each(function(e) {
  var question = jQuery(this).find('li.q a');
  var answer = jQuery(this).find('li.a');

  jQuery(question).click(function(e) {
    e.preventDefault();
    jQuery(this).closest('ul').siblings().removeClass('expanded').find('li.a').slideUp(500);
    jQuery(this).closest('ul').toggleClass("expanded").find('li.a').slideToggle(500);
    jQuery("html,body").animate({scrollTop: jQuery(question).offset().top },300); 
  });
});

Answer 1

將動畫 function 包裹在 setTimeout 內。

  setTimeout(function(){ 
    jQuery('html,body').animate({scrollTop: jQuery(question).offset().top}, 600);
  }, 500);