聚焦输入字段低于标题

Question

我有一个很长的表单，我正在尝试使用焦点聚焦无效字段。 我有一个固定的标题，因此聚焦输入字段位于标题下方。 无论如何要解决它？

我正在使用angular 1.5.7，ng-bootstrap，slimscroll in site。

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;
}

这是主要想法。

顺便说一句，在标题之后将padding-top: fixed header height添加到容器是一种很好的做法。