我在用户填写部分购买表格时自动滚动时遇到问题。当前，当用户选择一个选项时；它将它们滚动到窗体的下一部分。但是我有一个问题。当滚动它们时，它似乎并没有停止。它会一直滚动到下一部分。

$('.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）末尾；”但我不确定这就是应该使用的方式。任何帮助表示赞赏。 谢谢