自动滚动显示内容 - jQuery

时间:2013-07-15 22:40:59

标签: php jquery html user-experience

如果这些问题变得天真/愚蠢,我会事先道歉但我不能为我的生活想到从哪里开始。

我会尽力解释:

我正在开发一个网站,为了简单起见,我们说它有两个注册过程步骤:

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

这两个页​​面都非常简单,完全适合屏幕。现在,为了获得良好的用户体验,我想做的不是重定向到新页面,而是自动向下滚动,显示以前不包含注册表单的空间。 (我希望这是有道理的)

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

我认为这是一个jQuery任务,如果有人可以命名这个概念,我会很感激,所以我可以开始研究它。

1 个答案:

答案 0 :(得分:0)

我不知道它的名字,但你可以很容易地实现这个:

/* 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');
  });