입력 필드가 선택되면 상위 DIV를 위로 이동

Question

누군가 내 웹 사이트, 특히 휴대 기기에서 특정 입력 필드를 클릭하면 입력 필드의 상위 div가 페이지 상단으로 슬라이드해야합니다. 나는 키보드가 팝업을 통해 입력 필드 아래의 전체 div를 감싸고 있기 때문에 필요하다. 이것은 사용자가 필터링중인 항목을 보여주고 있기 때문이다. 나는 아래의 문제를 그래픽 적으로 설명했다. 나는 시작 여기에 몇 가지 지침 :

감사하겠습니다 상태 :

완료 상태 :이 같은

Answer 1

뭔가 할 oughtta :

$('input').focus(function (event) { 

    var offset = $('header').height(); 

    $('body, html').animate({ 
    scrollTop : offset 
    }) 

}) 

JSBin