Scroll 聚焦输入时如何向下滚动到div

有人能帮我用javascript让页面在搜索字段聚焦时向下滚动到搜索框吗？就像单击searchfield，位置会发生变化，直到红色和黄色框消失

#overtop{
宽度：500px；
高度：100px；
背景：红色；
}
#顶{
宽度：500px；
高度：100px；
背景：黄色；
}
#搜索框{
}
#内容{
宽度：500px；
高度：200px；
背景：蓝色；
}

终于拿到了

        $("#myInput").click(function () {
    $("html, body").animate({ scrollTop: $("#searchbox").offset().top }, 300);
    return true;
});

---

你能分享html吗？添加了html。