我想让JavaScript在页面中心弹出

Question

我在一个HTML网站上工作，我有弹出代码，但是它显示了页面的顶部，但是我想在页面的中央显示淡入和淡出的效果，请帮助我如何做到这一点。谢谢

<script>function openModal(){
    $("#exampleModalLong").modal();
    setTimeout(function(){ $("#exampleModalLong").modal("hide"); }, 3000);
}</script>


<div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
            <center>  <h1 class="modal-title" id="exampleModalLongTitle">The Janwari Group Of Companies</h1></center>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body">
              <center><h4>Description</h4></center>
            </div>

          </div>
        </div>
      </div>

Answer 1

此article应该有帮助。在这种情况下，CSS Vertical Align属性是您的朋友。有很多方法可以实现此目的，但这可能是在屏幕上获得所需效果的最少代码。