javascript - 当键盘出现时隐藏页脚 Mobile Web Muse UI

Question

我这里用的是vue.js和muse.ui，只用javascript和css，没有jquery库。现在，每次输入字段获得焦点时，页脚位置始终位于键盘顶部。每次输入获得焦点时，是否(能够)将页脚位置置于键盘后面？

#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>

Answer 1

在您的 CSS 中，您定义了#foot(这是一个 ID)。

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

“foot”必须在 CSS 中定义为类，或者在HTML

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

或

在css中将foot定义为类，即，

.foot {
...
}