在不使用 focus() 的情况下设置文本框处于活动状态

Question

我有一个小的 iframe 。 iframe 的内容比 iframe 窗口大，左右滚动可以看到。 iframe 中有一个按钮。单击该按钮动画一秒钟并增加 iframe 的高度和宽度，加载表单并将文本框设置为焦点。

 $input[0].focus();

但是，在动画开始之前，focus() 使文本框成为 iframe 窗口的中心，并扭曲了 iframe 窗口中的可见内容。 我怎样才能做到这一点：光标在该文本框中处于活动状态，但没有要重新定位的 iframe 的内容。重新定位是为了使文本框可以在 iframe 的可见部分中。

由于其他限制，我无法将 focus() 放在 animate() 的回调中。

Answer 1

正如@Zyga 所建议的那样，这很有效：

function focusWithoutScrolling (element){
var x = window.scrollX, y = window.scrollY;
element.focus();
window.scrollTo(x,y);