У меня есть таблица position: fixed; bottom: 0
и кнопка внутри нее.
Она выглядит и работает нормально в обычном браузере и браузере ios.
Однако, если мы попробуем эту таблицу в браузере Android Chrome, кнопку можно будет щелкнуть, когда отобразится строка URL-адреса, но после того, как вы немного прокрутите страницу вниз и она исчезнет.На кнопку больше нельзя нажимать.
Вот моя структура HTML и CSS:
.Wrapper {
z-index: 10;
height: 72px;
width: 100%;
position: fixed;
top: inherit;
bottom: 0;
left: 0;
right: 0;
}
<Wrapper>
<table>
<tbody>
<tr>
<td>Some text here</td>
<td><button type="button" onClick={this.clickFunction}>Click Me!</button></td>
</tr>
</tbody>
</table>
</Wrapper>