我应该使用媒体查询和转换： translateY（-%）到上面的移动键盘？

Question

下面是一些stackoverflow线程，它们描述了这个问题：Short/Sweet 7/20/17类似的情况3/22/19这些似乎有答案，但在jquery中，我还不理解或使用input。我不知道该把它放在哪里

css

.New_Plan_Header {
  position: fixed;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  z-index: 3;
  top:0%;
  width: 100%;
  border: none;
  height: 56px;
  width: 100%;
  background-color: #2fbaff;
  color: rgba(255, 255, 255, 0.644);
  font-family: "Muli", sans-serif;
  font-size: 26px;
  src: url(./UIConainers/Icons/Fonts/Muli-ExtraLight.ttf);
}
.plan-form {
  position: absolute;
  display: flex;
  height: 56px;
  width: 100%;
  bottom: 0%;
  color: #444;
  font-family: "Muli", sans-serif;
  font-size: 26px;
  padding-left: 56px;
  src: url(./UIConainers/Icons/Fonts/Muli-ExtraLight.ttf);
}

js

<div className="New_Plan_Header">Plan</div>
<input
  type="search"
  className="plan-form"
  name="title"
  value={note.title}
  onChange={e => this.updateValue(e)}
  placeholder="Title"
  autoFocus={true}
  autoComplete="off"
  //onfocusin="transform: translateY(-600%), bottom:60%"
  />

提前感谢您的阅读和帮助

转到src/UIConainers/Plans/planpages/plannew。js

代码框

Answer 1

在阅读了你的问题标题之后，我会说，用媒体提问试试，看看结果是否是你想要达到的。如果没有，请再次返回：O如果您想尝试输入。关注的事情查看这篇文章如何以编程方式反应关注输入也许这就是你需要了解你必须做的事情