向下滚动到 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/

不确定上面评论中的 'a click function' 是什么意思...

向下滚动到 div，同时先隐藏 div，使页面向下跳转

Scrolling down to div, while hiding first div, makes the page jump down

javascript

css

jquery

scroll

fadeout