javascript - 向下滚动到 div，同时隐藏第一个 div，使页面向下跳转

Question

我有这个JSFiddle 问题是，当我淡出第一个 div 时，页面跳转 - 因此滚动与淡出冲突。

谁能帮帮我？谢谢。

$(function(){
    setTimeout(function(){
      $('html, body')
      .css({
        'overflow': 'auto'
      })
      .animate({
        scrollTop: $('.second').offset().top
      }, 1500);
    }, 2000);
    return false;
  });

  setTimeout(function() {
      $('.first').fadeOut(0);
  }, 3400);

JSFiddle: http://jsfiddle.net/em9yycj5/10/

Answer 1

时机不对。第二次超时必须在第一个超时结束后开始 - 或者您可以中断动画(或两者都确定):

setTimeout(function(){
    $('html, body')
    .css({overflow: 'auto'})
    .animate({scrollTop: $('.second').offset().top}, 1500);
}, 2000);

setTimeout(function() {
    $('.first').hide();
    $('html, body').stop().scrollTop($('.second').offset().top);
}, 3400);

http://jsfiddle.net/em9yycj5/16/

不确定上面评论中的“点击功能”是什么意思...