css - 在android mobile上滚动后，位置固定表结构内的按钮无法单击

Question

我有一张position: fixed; bottom: 0桌子，里面有一个按钮。

它在普通浏览器和 ios 浏览器上看起来和工作正常。

但是，如果我们在 Android Chrome 浏览器上尝试该表，则可以在显示 url 栏时单击该按钮，但在您向下滚动一点并使 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>

标签： csshtmlreactjscss-positionandroid-browser