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

Question

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

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

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

有没有一种解决方案可以部分隐藏输入？

Answer 1

当然。我不知道您为什么要专注于部分隐藏的字段，但仍然 - 从您的小提琴中添加代码：

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

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

或者您可以使用.scrollTop()（无参数）在设置焦点之前检索滚动位置，并在调用.focus().