首页 > 代码库 > Mui WebApp页面 绝对定位 软键盘弹出时顶起底部按钮问题

Mui WebApp页面 绝对定位 软键盘弹出时顶起底部按钮问题

做WebApp页面时,有时候,按钮可能会放到页面的最底下,这个时候可能会用到绝对定位(position: absolute),但是,当input 输入框被点击时,弹出的软键盘会顶起底部的按钮,就像这样:

技术分享

这个时候,可以给 底下的 Button 或者包含这个Button的Div  添加一个CSS样式:z-index: -1

Mui WebApp页面 绝对定位 软键盘弹出时顶起底部按钮问题