Виртуальная клавиатура поднимает нижний элемент в html - PullRequest
Новая
       8

Виртуальная клавиатура поднимает нижний элемент в html

0 голосов
/ 08 января 2019

У меня есть нижняя таблица, которая лежит внизу нижней части веб-страницы: 30 пикселей, но когда я пытаюсь нажать на поля ввода, чтобы обеспечить ввод, нижняя таблица поднимается вверх, а клавиатура поднимается вверх.

Код CSS: 

.progress-table {
height: 1px; 
width: 100%; 
border:1px;
position:absolute !important;
bottom: 30px;

}

HTML-код 

<table class="progress-table">
<tbody>
    <tr>
        <td style="width: 60%;"><hr style="border: 2px solid #ffb414; margin-left:15px; margin-top:0px;" align="left" width="100%" /></td>

        <td style="width:93%"> <div class="hr" style="padding-bottom:19.9px"></div>  </td>

        <td style="width: 50%; align-content:center;">
            <img src="/lib/ZSLogo.png" style="width:25px; height:12px; margin-right:15px;margin-bottom:19.9px" />
        </td>

    </tr>
</tbody>

Когда всплывает клавиатура

вы можете заметить, как полоса находится над областью ввода текста.

Я хочу, чтобы он лежал там, где он был до появления клавиатуры. предыдущее изображение здесь: Вот изображение для обычного вида

Короче говоря, оранжевая полоска не должна сдвигаться вверх при появлении клавиатуры.

...