如何在被覆盖的输入框获得焦点时向下滚动页面？

看一眼这一页.

我有一个带有较低“浮动”固定位置 div 的页面，它覆盖了屏幕底部的某些部分，具有高 z 索引和一堆输入框。

问题是，当下面的输入框之一被聚焦时，通过按 TAB 键，它们的内容会被 div 部分隐藏。我想检测下部输入框何时获得焦点，并将页面向下滚动“刚好足够”以将它们带到可见的位置。

有没有一种干净的方法来做到这一点？

Edit: 我的解决方案除了浏览器缩放之外，似乎都可以工作。例如，尝试缩放 144%。关于如何修复有什么想法吗？

element.scrollIntoView();

所有市长浏览器均支持 ie-6-7-8-9-10 firefox, webkit

or:

element.focus(); element.blur();