Появление блока вверху окна?

Question

[sweezy]

Как реализовать появление абсолютно спозиционированного элемента вверху окна. то есть рассчитать каким-то способом координаты

Answer 1

[lex bem]

не пойму в чем проблема, абсолютное позиционирование уже подразумевает родителя в виде всего окна, можно указать напрямую значение top left и тд. если я понял о чем идет речь

Comments

[sweezy]

наверно, немного не поняли. При нажатии на определенный элемент появляется форма с position:absolute , но так, чтобы она появлялась вверху окна браузера, а не начала страницы или родительского элемента . Вроде как position:fixed top:0, но с возможностью прокрутки вместе со страницей

[lex bem]

так ну смотри

есть блок button при нажатие вызывает блок content у блока контент ты ставишь позиционирование и указываешь расположение (отступы от страницы) если в верху то top:0 и будет вверху поверх всех элементов если нет то добвить z-index это как поверх слоя типа показывать чем больше значение тем выше приоритет. соответсвенно сначало контент ты прячишь в нодисплей. ответил нет?

Answer 2

[Sn0wSky]

Если я всё понял, то через position: absolute
И при открытии прописываете

$(".my_modal").css("top", $(document).scrollTop()+"px");

Ну еще добавите отступ от верха экрана.
Тогда модальное окно появится в месте, где Вы его вызвали, а при прокрутке останется там же.

https://jsfiddle.net/2x1qmg9q/

Comments

[sweezy]

Спасибо, попробую.
Вообще соль в том, что на андроид-устройствах при заполнении формы, клавиатура появляется поверх нее, на ios такого нет, клавиатура сдвигает форму выше