小编Kyl*_*lla的帖子

看来我的问题已经在这里得到了回答——这正是我正在寻找的功能。但是随着 Bootstrap 4 的新版本，他们将手风琴改为使用卡片，而不是面板。我无法整理 js 以适应他们的新结构。

基于 BS3 的答案，我觉得它应该是这样的，但我无法让它工作：

$('.card-header').on('shown.bs.collapse', function(e) {
  var $card = $(this).closest('.card');
  $('html,body').animate({
    scrollTop: $card.offset().top
  }, 500);
});

BS4 手风琴的 HTML 如下：

<div id="accordion" role="tablist" aria-multiselectable="true">
  <div class="card">
    <div class="card-header" role="tab" id="headingOne">
      <h5 class="mb-0">
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
          Collapsible Group Item #1
        </a>
      </h5>
    </div>

    <div id="collapseOne" class="collapse show" role="tabpanel" aria-labelledby="headingOne">
      <div class="card-block">
        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non …