自动滚动显示内容 - jQuery

Question

如果这个问题是幼稚/愚蠢的，请提前道歉，但我一生都想不出从哪里开始。

我会尽力解释：

我正在开发一个网站，为了简单起见，可以说它有两个注册过程：

• 用户在首页点击“立即加入”
• 用户被重定向到包含表单以输入详细信息的页面。

这两个页​​面都非常简单，可以完全融入屏幕。现在，为了获得良好的 UX 体验，我想做的不是重定向到新页面，而是自动向下滚动，显示一个以前不存在的包含注册表单的空间。 （我希望这是有道理的）

我已经在几个网站上看到了这个实现，但是没有想到任何例子。

我认为这是一个 jQuery 任务，如果有人能说出这个概念以便我开始研究它，我将不胜感激。

Answer 1

我不知道它的名字，但你可以很容易地做到这一点：

/* When the button for the form is clicked trigger function */
$("#linktoform").click(function(){
  /* Delay is set to 0 miliseconds */
  $("#idofform").show(0);
  /* Next line copied from: http://stackoverflow.com/q/4565381/ */
  $('html, body').animate({scrollTop:$('#form').position().top}, 'slow');
  });