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

Question

我在这里使用 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>

Answer 1

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

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

“foot”必须在 CSS 中定义为 class 或在 HTML

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

或

在css中将foot定义为class，即

.foot {
...
}