javascript - Bootstrap中的崩溃不会向后滚动

我遇到一个问题，其中大部分文字隐藏在折叠区域下。但是，它可以工作，但是在第二次单击之后（为了隐藏内容，JavaScript会将其在页面上向下滚动到不隐藏内容的区域。

<div class="text_owner col-xs-12 col-md-8 col-md-pull-4"><?php the_field('letme_introduce'); ?>
<div class="collapse" id="introduce">
<p><?php the_field('letme_introduce_hidden'); ?></p>
</div><a class="role="button" data-toggle="collapse" href="#introduce" aria-expanded="false" aria-controls="collapseExample"><img src="<?php bloginfo('template_url'); ?>/images/excerpt.png" class="pull-right introduce" alt=""></a>

您有什么想法导致这吗？

最佳答案

您可以尝试以下代码：

<div class="text_owner col-xs-12 col-md-8 col-md-pull-4"><?php the_field('letme_introduce'); ?>
<div class="collapse" id="introduce">
    <p><?php the_field('letme_introduce_hidden'); ?></p>
</div>
<a class="button" data-toggle="collapse" data-target="#introduce" href="#" aria-expanded="false" aria-controls="introduce"><img src="<?php bloginfo('template_url'); ?>/images/excerpt.png" class="pull-right introduce" alt=""></a>