移动网站搜索框

Question

搜索框被选中后，它应该向各个方向扩展，以占据移动设备中剩余的首页。我想使用HTML5，CSS3和简单的Javascript（无库）。 如何实现它？

Answer 1

我找到了方法。使用javascript将搜索框向上移动。
我在下面的函数中将文本框作为obj传入。

function findPos(obj) { 
      var curtop = 0; 
       if (obj.offsetParent) { 
       do { 
       curtop += obj.offsetTop; 
      } while (obj = obj.offsetParent); 
        curtop=curtop-5; 
      return [curtop]; 
     } 
     }