如何在單擊的按鈕位置帶引導模態

Question

如何在單擊的按鈕位置引導引導模態。在頁面的頂部IAM對小型設備模式彈出的iframe地區工作出現時，我們需要滾動屏幕頂部看到模式如何解決這個問題

<div class="container"> 
<h2>Modal Example</h2> 
<!-- Trigger the modal with a button --> 
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button> 
<!-- Modal --> 
<div class="modal fade" id="myModal" role="dialog"> 
<div class="modal-dialog"> 
<!-- Modal content--> 
<div class="modal-content"> 
<div class="modal-header"> 
<button type="button" class="close" data-dismiss="modal">&times;</button> 
<h4 class="modal-title">Modal Header</h4> 
</div> 
<div class="modal-body"> 
<p>Some text in the modal.</p> 
</div> 
<div class="modal-footer"> 
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
</div> 
</div> 
</div> 
</div> 
</div> 

Answer 1

您需要更改引導模式

的行爲

position:fixed 

到

position:absolute 

什麼是默認行爲？ 默認行爲意味着默認情況下您可以在Twitter Bootstrap網站中看到的Modal Popup的相同行爲。 什麼是更改的行爲？ 默認情況下，模式彈出窗口的位置爲：fixed 但我已將其更改爲position：absolute。

，也是我將提供關於您的問題一個方便的網站如何與它涉及： http://teckstack.com/twitter-bootstrap-reposition-modal-popup