键盘出现移动Web Muse UI时隐藏页脚

Question

我在这里使用了muse.ui的vue.js，并且只使用没有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>

Answer 1

在你的CSS中你定义了#foot（这是一个ID）。

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

要么“脚”必须在CSS中定义为类，要么在脚中称为ID HTML

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

OR

在css中将脚定义为类，即

.foot {
...
}