html:

<div class="TopContainer">

  <div class="TopContainMain">
  <p>請您先進行實名認證
  </p>
  </div>
  <span class="bottomsureBtn close">確定</span>

</div>

css:

.TopContainer{

z-index:99;

position:fixed;

width:84%

;left:50%;

top:50%;

margin-left:-42%;

background-color:#fff;

color:#333;

display:none;

border-radius:4px;

 -webkit-border-radius:4px 

}

.TopContainMain {

1. text-align: center;
2. padding: 8%;

} .TopContainMain>p {

1. font-size: 1.5rem;
2. color: #333;
3. line-height: 2.1rem;

} js程式碼: 1.先定義一個方法height(); 2.定義一個變數,獲得該彈層到頁面上邊的距離 topHeight 3.這是該彈層Css的高度值就是margint-top:-topHeight/2 具體程式碼如下: function height(){
var topHeight=$(".TopContainer").outerHeight();
$(".TopContainer").css("margin-top",-topHeight/2);
}
每次呼叫彈層的時候就要呼叫height()方法就行 如下: $('.OpenClickBtn').click(function(){
$('.top_mask,.TopContainer').fadeIn(100);
height();
})