jQuery scrollTo on submit

Question

所以经过无数个小时的停顿后，我仍然在摸索如何完成这个（非常简单的）任务。

在此页面上：www.bassworx.com/matrix

我希望它在输入按钮上单击提交时向下滚动到#results区域。我试图用scrollTo和JSlideto来完成这个，我觉得我应该能够用它们中的任何一个做到这一点，因为这些例子非常符合我的想法。

有人可以看看有问题的页面，并帮我解决这个问题吗？它开始让我头疼，我几乎可以肯定我只是缺少一些小的语法或其他东西。

Answer 1

我不知道goToByScroll()函数来自何处，但却支持那个做过它的人。不完全确定这是你想要的，但它的工作方式我认为你想要

working jsfiddle example

<强> HTML

form
<input type="submit" id="go"/>
<p style="min-height:600px;"></p>
<div id="results">results</div>
<p style="min-height:300px;"></p>

<强> JS

$("#go").click(function (e) {
    goToByScroll("results");
    e.preventDefault();
});

function goToByScroll(id) {
                var toMe = $("#" + id)
                $("html,body").animate({ scrollTop: toMe.offset().top }, "slow");
                toMe.addClass("hightlightResult");
                setTimeout(function () {
                    toMe.removeClass("hightlightResult", 1500);
                }, 500);
            }

Answer 2

也许在滚动之前尝试延迟（），因为内容必须先加载才能滚动到任何地方。