当引导程序模态打开后应如何回到正常位置，如何防止背景滚动

Question

I am using this code for on load popup when popup opens the background should be not scrollable. Please help.

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal"  >Open modal /button>
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">      
    <div class="modal-dialog" role="document" style="width:340px;float:right;margin: 48px;">
    <div class="triangle"></div>
    <div class="modal-content">
    <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <h2 class="modal-title" id="exampleModalLabel">Select City</h2>
    </div>
    <div class="modal-body">
    <form>
    <div class="form-group">
    <div class="col-md-3"> <label for="recipient-name" class="control-label">Recipient:</label></div>
    <div class="col-md-9"><input type="text" style="border:1px solid gray;"></div>                
    </div>             
    </form>
    </div>
    <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    <button type="button" class="btn btn-primary">Send message</button>
    </div>
    </div>
    </div>
    </div>
    <script>
    $('#exampleModal').modal({
    backdrop: 'static',
    keyboard: true
    })

    </script>

Answer 1

I used as provided code and saw in codepan, there is no scroll Please could you more elaborate your problem or provide all code. codepen.