Закрытие модального Bootstrap изменит размер моей страницы - PullRequest
Новая
       1

Закрытие модального Bootstrap изменит размер моей страницы

0 голосов
/ 14 сентября 2018

Я пытаюсь сделать бутстрап модальным для моей страницы. Но всякий раз, когда я пытаюсь закрыть этот модал, этот модал изменит всю мою страницу.

вот изображение, которое я взял со своей страницы: https://ibb.co/iN5Bep

также, я использую это: http://www.java2s.com/Tutorials/HTML_CSS/Bootstrap_Example/Dialog/Launch_a_modal_dialog_from_a_link_button.htm как мой модальный

Я довольно новичок в javascript и начальной загрузке, и я не совсем уверен, что делать, чтобы это исправить. пожалуйста помогите

Редактировать: я использую: 

<a href="#myModal1" data-toggle="modal">+Add Data</a>

открыть: 

  <div class="bs-example">
    <div id="myModal1" class="modal fade">
      <div class="modal-dialog" style="width:70%!important;">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal"
              aria-hidden="true">&times;</button>
            <h4 class="modal-title">Add Credentials Data</h4>
          </div>
          <div class="modal-body">
            //contenthere
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
          </div>
        </div>
      </div>
    </div>
  </div>

чтобы закрыть его я использую: 

 <button type="button" class="close" data-dismiss="modal"
                  aria-hidden="true">&times;</button>

или 

 <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>

Ответы [ 2 ]

0 голосов
/ 16 сентября 2018

Я решил это, установив положение тега body и добавив новый div под ним.

все благодаря ответу @Ryan Brackett от: Исправлена ​​прокрутка div с позиции post

0 голосов
/ 14 сентября 2018

Проблема, с которой вы сталкиваетесь, заключается в следующем: ваша начальная страница без открытого модала помещается в браузер.Нет необходимости в полосе прокрутки.Но затем вы открываете модал, и этот модал не помещается в браузере, и полоса прокрутки появляется, занимая некоторое пространство.Когда вы закрываете модал, полоса прокрутки исчезает, и все возвращается к нормальной жизни.Вы можете создать модал, который всегда помещается в окне, и разрешить полосу прокрутки внутри модала, если он слишком большой.Или вы можете сэкономить место на случай, если появится полоса прокрутки, чтобы страница ваших элементов не перемещалась.Вы можете найти меньшую пользовательскую полосу прокрутки. Это зависит от требований и вкусов;)

...