포커스 입력 필드가 머리글 아래에 있습니다

Question

긴 폼이 있고 포커스가있는 잘못된 필드를 포커스하려고합니다. 고정 헤더가 있으므로 입력 필드를 맞추는 것이 헤더 아래로 이동합니다. 어쨌든 그것을 고칠 수 있습니까?

나는 1.5.7, ng-bootstrap, slimscroll 사이트에 각을 사용하고 있습니다.

Answer 1

가장 좋은 방법은이 기능을 처리 할 지침을 만드는 것입니다. 나를 위해 일한 stackoverflow 링크를 참조하여 포커스를 설정하기 위해 사용자 지정 지시문을 만드는 방법을 설명 할 수 있습니다. 여기

How to set focus on input field?

Answer 2

다음은 주요 아이디어 내 댓글

https://plnkr.co/edit/Ajoi66vkzsbxoiokLD93?p=preview

<input ng-focus="tc.onFocus()" type="text" /> 

vm.onFocus = function(){ 
    var height = document.getElementsByTagName('header')[0].offsetHeight; 
    document.scrollHeight -= height; 
} 

에 대한 plunker입니다.

그리고 btw, 헤더 뒤에 컨테이너에 padding-top: fixed header height을 추가하는 것이 좋습니다.