如何防止输入焦点上的容器滚动？

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()后将其恢复到同一位置。