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

时间:2015-03-29 14:57:58

标签: javascript jquery css scroll fadeout

我有这个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/

1 个答案:

答案 0 :(得分: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/

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