获取事件时控制滚动条滚动到相应的位置

html:

<div style="height: 800px;"></div>
<input type="text" value="" class="search_input" />
<div style="height: 800px;"></div>

js：记得引入jq库

<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
        <script>
            $(function(){
            $('.search_input').click(function(){
                var scroll_offset = $(this).offset().top;
                $("body,html").animate({
                scrollTop: scroll_offset 
                }, 300);// 速度 毫秒
            })

        })
        </script>