2

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

像这样：

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

如果用户循环使用这些控件，则制表符会完全破坏翻译。并且没有提示现在 div 在哪里。这里有一个小演示：

JSFiddle 演示

如果单击第一个输入和选项卡，您的目标是第二个输入（右下角，此时不可见）。浏览器想要看到它，并终止翻译。所有值都保持不变，但视图不同步。使用 shift-tab 返回选项卡会清楚，视图已损坏。翻译仍然是-100，-100。

我想阻止浏览器自动查看输入。它可以聚焦框，但不能将视图滚动到框。有任何想法吗？

4

0 回答 0