解决方案：用媒体查询：

@media (max-height: 400px) { 
  .footer {
    display: none;
  }
}

用js监听input focus 事件

当focus事件被触发时，将定位元素的absolute属性定为 static，不是一个很好的方案