jquery - 滚动到表单内按钮提交上的页面部分

Question

我正在一个表单提交返回搜索值的网站上工作。我想要做的是将 scrollTo （向下）提交到结果部分。适用于表单外的按钮，但不适用于表单内的按钮。

示例：这将起作用

  $(function (){
    $("#fb-advanced-submit").click(function (){
            $('html, body').animate({
                scrollTop: $("#fb-results").offset().top
                 }, 1300);
    });
});

<button id="fb-advanced-submit">Submit</button>

但这不是

<form action="" method="Get">
<input type="submit" id="#fb-advanced-submit" value="Search" class="small button" />

   <div id="div2" style="height: 1000px; width 100px">test</div>
  <br/>
  <div id="fb-results" style="height: 1000px; width 100px">test 2</div>
</form>

jsfiddle

Answer 1

您需要停止提交操作

  $(function (){
        $("#notworking,#fb-advanced-submit").click(function (){
                $('html, body').animate({
                    scrollTop: $("#fb-results").offset().top
                     }, 1300);
            return false;
        });
    });​