Javascript-форум - Ввод в полускрытый input смещает div, в котором он находится

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - Ввод в полускрытый input смещает div, в котором он находится (https://javascript.ru/forum/dom-window/38354-vvod-v-poluskrytyjj-input-smeshhaet-div-v-kotorom-nakhoditsya.html)

Ввод в полускрытый input смещает div, в котором он находится

Доброго времени суток!
Есть такая задача - инпут частично скрыт под дивом, при вводе инпут выезжает вверх вместе с содержащим его дивом так, что становится полностью виден, соответственно сдвигается и див. Как сделать так, что бы при вводе ни див, ни инпут не сдвигались, т.е. инпут так и оставался наполовину скрытым?

Код на фидле: http://jsfiddle.net/YBd3G/

он же:

Код:

<div style="overflow: hidden; height: 100px; border: 1px red solid;">

    <div style=" height: 200px; border: 1px green solid;padding-top: 85px;">

        <input />

    </div>

</div>

Scepticus,
Задайте input позицию absolute;

Цитата:

Сообщение от Scepticus

Как сделать так, что бы при вводе ни див, ни инпут не сдвигались

Они не сдвигаются... Это прокрутка родительского дива...
А как ему еще себя вести при фокусе на полувидимый дочерний элемент?

Ага, скролл увидел, тогда вопрос другой - как избавиться от прокрутки?

Первое решение - http://jsfiddle.net/YBd3G/11/ ... М.б. кто-нибудь получше предложит?...