Javascript 如何从模式提交按钮滚动到元素？

我希望我的模式的提交按钮将我的用户带到模式之外的我的联系人表单，并在此过程中关闭模式。 我尝试了几个想法，但到目前为止，我滚动到想要的元素，但当模态关闭时，它会滚动回模态最初所在的元素

模态：

<div class="modal fade" id="Modal-<?= $formation['id'] ?>" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLongTitle">Modal title</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span> </button>
            </div>
            <div class="modal-body">
                <?= $formation['descriptionLongue'] ?>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
                <button type="button" class="btn btn-primary devis">Demander un devis</button>
            </div>
        </div>
    </div>
</div>
</div>
</div>
</div>
<?php endforeach; ?>
    <!-- FORMATION -->

   <div class="container col-4" id="contact">
<!-- form contact -->
<form class="text-center border border-light p-5" action="<?=buildUrl('/contact');?>" method="POST">
    
etc...

const target = document.getElementById('contact'),
      buttons = document.querySelectorAll('.devis');
      
      for (const button of buttons) {
button.addEventListener('click', function(){


    $(this).parents('.modal').modal('hide');
    target.scrollIntoView({
        block: 'start',
        behavior: 'smooth',
        inline: 'nearest'
   
    });
    
});
}