javascript - 滚动到 href 属性时删除类

Question

目前我从 2000 年的元素中删除了类

setTimeout(function(){
        $('.nav-item a').removeClass('active');
}, 2000);

如何修改代码以在“自动滚动”完成时删除类？

  $('.nav-item a, .nav-brand a, .button, .footer2 a').click(function() {
event.preventDefault(); // default action of the event will not be triggered, eg will not change links name
var windowSize = $(window).width();
if (windowSize >= 769) {
  $('html, body').animate({
    scrollTop: $($(this).attr('href')).offset().top - 51
  }, 1500);
}
else if (windowSize <= 768) {
  $('html, body').animate({
    scrollTop: $($(this).attr('href')).offset().top - 102
  }, 1500);
}
return false; });

我想我应该以某种方式使用attribute href，但我不确定如何使用。

Answer 1

您可以通过在 animate 方法中定义完整的回调来完成此操作。

$('.nav-item a, .nav-brand a, .button, .footer2 a').click(function() {
  event.preventDefault(); // default action of the event will not be triggered, eg will not change links name
  var windowSize = $(window).width();
  var scrollY;

  if (windowSize >= 769) {
    scrollY = $($(this).attr('href')).offset().top - 51;
  } else {
    scrollY = $($(this).attr('href')).offset().top - 102;
  }

  $('html, body').animate({
    scrollTop: scrollY
  }, 1500, function() {
    $('.nav-item a').removeClass('active');
  });

  return false;
});