Как поместить поле по центру(по вертикали) экрана средствами js?

Question

[Роман Александрович]

Добрый день. у меня есть <div style="overflow-y: scroll;"> внутри него есть поле ввода. Как сделать так что бы при фокусе данное поле становилось по центру экрана?
https://jsfiddle.net/uocgsom3/

Answer 1

[Дмитрий Пыркин]

https://jsfiddle.net/uocgsom3/2/

Comments

[Дмитрий Пыркин]

https://jsfiddle.net/uocgsom3/3/

[Роман Александрович]

Дмитрий Пыркин: немного не правильно поняли. Необходимо при клике на поле что бы прокрутка покрутилась так что бы поле оказалось посреди экрана.

[Дмитрий Пыркин]

https://jsfiddle.net/uocgsom3/4/

Примерно так, только добавить немного математики)

Answer 2

[Robert Bl]

Можно на css, используйте псевдоселектор :focus

Comments

[Роман Александрович]

мне нужно средствами js

[Robert Bl]

Роман Александрович: https://jsfiddle.net/t9n4jtzo/

[Robert Bl]

Роман Александрович:
Привяжите событие focus

Element.addEventListener('focus', function(){
 // Ваш код
});

[Роман Александрович]

Robert Bl: идея хорошая спасибо