固定input框(或者div模拟的input框)在页面底部

前提

使用position:fixed;直接固定input框在页面底部,ios可能会出现位置错乱,而且在输入框失去焦点后页面无法回弹
完整代码如下:



html代码:

代码介绍

  • -webkit-user-select:设置或检索是否允许用户选中文本。只要在当前模拟input的div上设置-webkit-user-select: text就可以输入了。
  • contenteditable:让div变成可以编辑的
  • 函数temporaryRepair():解决当输入框失去焦点时页面不回弹的问题。可参考这里

你可能感兴趣的:(前端优化,css3,html5,js)