如何使用jQuery强制函数按特定顺序执行？

Question

在用户无法使用“平滑滚动” CSS功能的情况下，我尝试使用jQuery平滑滚动，但是在CSS中使用“滚动滚动”效果时，该效果不起作用，所以我需要在单击链接时禁用该效果，执行平滑滚动动画，然后在完成滚动后重新激活滚动捕捉。

$(document).on('click', 'a[href^="#"]', function(e) {
  e.preventDefault();

  $('html, body').stop().animate({
    scrollTop: $($(this).attr('href')).offset().top
  }, 1000, 'linear');
});

我了解jQuery可用于操作CSS，所以我应该在哪里放置其他代码以达到所需的效果？滚动捕捉已作为我的身体CSS的一部分被激活。手动禁用滚动捕捉后，该代码当前可以正常运行。