通过tabstop重点改变杀死转型

Question

我有一点问题，不知怎的，我找不到任何解决方案。我在另一个div里面有一个div，我用css3翻译移动这个div。在这个div里面，我有一个可变的控件，比如输入。

像这样：

<div id='container'>
    <div id='content'>
        <input id='input1' type='text'/>
        <input id='input2' type='text'/>
    </div>
</div>

如果用户循环浏览这些控件，则tabstop将完全废弃翻译。并且没有暗示现在div是什么。这里有一个小小的演示：

JSFiddle Demo

如果单击第一个输入和选项卡，则目标是第二个输入（右下角，此时不可见）。浏览器希望将其置于视图中并杀死翻译。所有值保持不变，但视图不同步。使用shift-tab的标签将使其清晰，视图被破坏。翻译仍然始终在-100，-100。

我想阻止浏览器自动查看输入。它可能会对框进行聚焦，但不能将视图滚动到框中。有什么想法吗？