【问题标题】:Hide Footer When Keyboard Appear Mobile Web Muse UI键盘出现时隐藏页脚移动 Web Muse UI
【发布时间】:2018-04-02 05:09:58
【问题描述】:

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

【问题讨论】:

    标签: javascript html css vue.js


    【解决方案1】:

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

    在您的 html 中,“脚”设置为类: &lt;mu-col class="foot"&gt;blablablablablablabla&lt;/mu-col&gt;

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

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

    在css中将foot定义为class,即

    .foot {
    ...
    }
    

    【讨论】:

    • 嗯,是的,我在写这个问题时只是打错了.. 但现在我可以用一些 js 来修复它.. 谢谢 :)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-12-20
    • 2015-02-22
    • 1970-01-01
    • 2012-10-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多