Пробел ниже модального на мобильных устройствах

Question

У меня есть всплывающее модальное с формой в нем, которая корректно отображается на настольных браузерах. На мобильных устройствах он заполняет весь экран, но после окончания содержимого отображается пробел. Когда вы прокручиваете резервную копию, белое пространство блокирует часть содержимого. Я не могу проверить этот элемент и не вижу его в контуре документа.

Это выглядит примерно так:

Как я могу удалить пустое пространство?

Answer 1

Предотвращение тела от быть прокручиваемым, когда модальное открыт на мобильных устройствах решить эту проблему.

@media screen and (max-device-width: 600px) { 
    body.modal-open { 
    overflow: hidden; 
    } 
} 

Answer 2

Возможно, это проблема для Clearfix?

См: http://www.jqui.net/tips-tricks/css-clearfix/