input输入框聚焦时，自动滚动到屏幕顶部，让输入框定位在可见区域

可以利用scrollIntoView()来解决：

$("input").on("focus",function(){
    this.scrollIntoView();
})

介绍一下scrollIntoView()的用法：

调用方法为 element.scrollIntoView() 参数默认为true。
参数为true时调用该函数，页面（或容器）发生滚动，使element的顶部与视图（容器）顶部对齐；
参数为false时，使element的底部与视图（容器）底部对齐。
TIPS：页面（容器）可滚动时才有用！

还有一些scrollIntoView()的应用：

比如常见的微信，qq等社交软件聊天界面里聊天消息总是能够出现在可视区域，那就是用了scrollIntoView()，否则聊天消息就会隐藏在其他消息下边，无法可见。