移动网站的搜索框

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];
        }
        }