javascript - 键盘显示移动Web缪斯用户界面时隐藏页脚

我在这里将vue.js与muse.ui一起使用，并且仅使用没有jQuery库的javascript和CSS。
现在，每次输入字段获得焦点时，页脚位置始终位于键盘顶部。
每次输入获得焦点时，是否可以将页脚位置放在键盘后面？

#foot {
  position: absolute;
  bottom: 0;
  text-align: center;
  margin-bottom: 30px;
}

<form>
  <div class="wrapper">
    <mu-text-field type="text" />
  </div>
</form>
<footer>
  <mu-col class="foot">blablablablablablabla</mu-col>
</footer>

最佳答案

在CSS中，您已定义#foot（这是一个ID）。

在您的html中，将“ foot”设置为类：
<mu-col class="foot">blablablablablablabla</mu-col>

必须将“ foot”定义为CSS中的类，或者将其定义为
的HTML

`<mu-col id="foot">blablablablablablabla</mu-col>`

要么

在CSS中将foot定义为class，即

.foot {
...
}