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

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