Как предотвратить непрерывную прокрутку функции jquery к следующему разделу?

Question

У меня проблема с автоматической прокруткой, когда пользователь заполняет часть формы покупки. В настоящее время, когда пользователь выбирает опцию;он прокручивает их до следующей части формы. Однако у меня есть проблема. Когда он прокручивает их, это не останавливается. он захочет прокрутить до следующего раздела.

$('.tt-options-swatch').on('DOMSubtreeModified', function() {
    var nextQuestion = $(this).closest('.tt-wrapper').next();

    if (nextQuestion.length !== 0) {
        $('html, body').animate({
            scrollTop: nextQuestion.offset().top
        }, 1000);
    }
});

<div class="tt-swatches-container tt-swatches-container-js">
<div class="tt-wrapper">
<div class="tt-title-options">options 1:</div>
<ul class="tt-options-swatch options-large">
<li><a href="#" data-value="option 1">Option 1</a></li>
<li><a href="#" data-value="option 2">Option 2</a></li>
<li><a href="#" data-value="option 3">Option 3</a></li>
<li><a href="#" data-value="option 4">Option 4</a></li>
<li class="active"><a href="#" data-value="option 5">Option 5</a></li></ul></div>

<div class="tt-wrapper"><div class="tt-title-options">options 2:</div>
<ul class="tt-options-swatch options-large">
<li><a href="#" data-value="option 1">Option 1</a></li>
<li class="active"><a href="#" data-value="option 2">Option 2/a></li></ul></div>

<div class="tt-wrapper"><div class="tt-title-options">Options 3:</div>
<ul class="tt-options-swatch options-large">
<li class="active"><a href="#" data-value="Option 1">Option 1</a></li>
<li><a href="#" data-value="option 2">Option 2</a></li></ul></div></div>

Я пытался использовать

return false;

прямо в конце "1000);"но я не уверен, что так оно и должно быть. Любая помощь приветствуется. Спасибо