滚动后滚动到锚点

时间:2017-11-15 09:59:06

标签: javascript jquery css3

此脚本在网站的开头运行。如果用户开始滚动,则会启动一些css动画。添加类后(这一切都工作到目前为止),我想要自动滚动到下一个锚点。

hasClass("makeVisible") == true部分也有效,但在滚动到我的主播后,我无法滚动。页面粘。

有人有想法吗?提前致谢!

$(function() {
  $(window).scroll(function() {
    var scroll = $(window).scrollTop();
    if (scroll >= 100) {
      $('.navBg').addClass('activate');
      $('.logo h2').addClass('removeText');
      $('.logo').addClass('animate');
      $('.secondTitle').addClass('maker');
      setTimeout(function() {
        $('.animate').addClass('moveLeft');
      }, 500);
      setTimeout(function() {
        $('.maker').addClass('makeVisible');
      }, 700);

      if ($('.maker').hasClass("makeVisible") == true) {
        $('html, body').delay(300).animate({
          scrollTop: $('#secondPoint').offset().top
        }, 2000);

      } else {}
    } else {
      $('.animate').removeClass('moveLeft');
      $('.navBg').removeClass('activate');
      $('.logo h2').removeClass('removeText');
      $('.logo').removeClass('animate');
      $('.maker').removeClass('makeVisible');
      $('.secondTitle').removeClass('maker');
    }
  });
});

0 个答案:

没有答案