jquery - jQuery scrollTo 提交

Question

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

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

我希望它在单击输入按钮上的提交时向下滚动到#results 区域。我已经尝试使用 scrollTo 和 JSlideto 来实现这一点，我觉得我应该能够用它们中的任何一个来做到这一点，因为这些例子是我非常想要发生的。

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

Answer 1

我不知道这个goToByScroll()功能是从哪里来的，但对做它的人来说是道具。不完全确定这是你想要的，但它以我认为你想要的方式工作

工作jsfiddle示例

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

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