jquery - 如何防止容器在输入焦点上滚动？

Question

我有一个包含 div，没有垂直滚动条和部分可见的输入。当我聚焦此输入时，包含的 div 向上移动，这使我的标题部分消失。

可以使用以下 jsfiddle 示例重现该场景。

http://jsfiddle.net/3gqP9/6/

有没有办法让输入部分隐藏？

Answer 1

当然。我不知道为什么你想要关注部分隐藏的字段，但仍然 - 从你的 fiddle 添加到代码中:

$('#btn').on('click', function(){
   $('#inputField').focus();
   $("#scrollable").scrollTop(0);
});

演示:http://jsfiddle.net/3gqP9/8/

或者您可以使用 .scrollTop() (无参数)在设置焦点之前检索滚动位置，并在调用 .focus() 后将其恢复到相同位置.