需要引導模式彈出出現在屏幕的中心，並且不應該能夠在後面

-1

滾動屏幕所以我有這樣的模式在我的代碼：需要引導模式彈出出現在屏幕的中心，並且不應該能夠在後面

<div class="modal" id="equityTransactions"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button data-dismiss="modal" class="close"><span>&times;</span></button> 
       <div class="modal-title">Item Drill Down</div> 
      </div> 
      <div class="modal-body"> 
       <table style="width:100%"> 
        <thead> 
         <tr> 
          <td style="width:50%">ITEM NAME</td> 
          <td style="width:50%">AMOUNT</td> 
         </tr> 
         <tr></tr> 
        </thead> 
        <tbody> 
         <tr> 
          <td>&nbsp;</td> 
         </tr> 
         <tr> 
          <td>Item A</td> 
          <td>@Html.DisplayFor(x => x.TableSix.Total_Equity_Domestic)</td> 
         </tr> 
         <tr> 
          <td>Item B</td> 
          <td>@Html.DisplayFor(x => x.TableSix.Total_Equity_EuroArea)</td> 
         </tr> 
        </tbody> 
       </table> 
      </div> 
     </div> 
    </div> 
</div>

我需要的是究竟是什麼在標題中提到。 :)

目前模式彈出在頁面的頂部，也可以使用頁面模式背面的滾動，而彈出窗口仍然活動。我希望能夠不滾動並讓模態位於屏幕的中心。

我使用默認的引導程序的CSS沒有任何改變。

感謝提前:)

來源

2016-08-04 J09

請給我們看看我們可以看到問題的一些工作示例。只用你的'HTML'代碼，我們無法爲你提供幫助。 –

你可以試試這個 -

$('body').css('overflow','hidden'); 
$('body').css('position','fixed');

你使用最新版本？你可以看到here

來源

2016-08-04 11:42:07

需要引導模式彈出出現在屏幕的中心，並且不應該能夠在後面

回答

相關問題