Automatic scrolled into view of focus input

Question

How to enable automatic scroll to focus input when keyboard are open ? I create a simple demo where are 2 inputs:

<div style="height:300px;"></div>
<form action="/">
   <input type="text" />
   <br/>
   <input type="text" /> 
   <button>ok</button>
</form>
<div style="height:300px;"></div>

When I click on input in the bottom on the page, keyboard open and hide input.

I open from my phone w3s site ant on them when I click on input when it of the bottom of the page browser automatically scrolled it into view.

What I need to do that automatic scroll into view of focus input will start work on my demo ?

You should find this to be helpful (http://stackoverflow.com/a/1586366/3011082). Tell me what happens :) — www139, Dec 27 '16 at 18:51
I know this way, but I think this is default browser feature now, because on any site it wokrs properly, but not on my :) — Kholiavko, Dec 27 '16 at 19:01

score 0 · Answer 1 · answered Jan 08 '17 at 18:44

0

I sloved the problem. In my case it was because the body height was smaller then content height. And on codepen I think it was because it render via iframe.

answered Jan 08 '17 at 18:44

Kholiavko

334
3
11

Automatic scrolled into view of focus input

1 Answers1