Brauchen modale Popup-Bootstrap in der Mitte des Bildschirms angezeigt und soll den Bildschirm blättern auf der Rückseite

Question

Also nicht in der Lage sein, die ich diese modal in meinem Code habe:

<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> 

Was ich brauche, ist genau das, was ist im Titel erwähnt. :)

Derzeit erscheint das Modal oben auf der Seite und ich kann auch auf der Seite auf der Rückseite des Modals scrollen, während das Popup noch aktiv ist. Ich möchte NICHT scrollen können und das Modal in der Mitte des Bildschirms positionieren.

Ich benutze die Standard-Bootstrap CSS ohne irgendwelche Änderungen in es.

Vielen Dank im Voraus :)

Answer 1

Sie können versuchen, diese -

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

Haben Sie die neueste Version verwenden? Sie können sehen- here