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;
        });
    });

滚动到表单中按钮提交页面的一部分

1 个答案: