Javascript 网站未在正确的时间向下滚动或显示#继续Div

以下是JSFIDLE：

在javascript部分的顶部，您将看到一些代码，这些代码假定在动画之后向下滚动到

#procedure

div，其中显示：

第1行、第2行、第3行、第4行

继续页面滚动到的div：

<div id="proceed">
    <div id="if_one">   <a href="http://websitelinkhere.com/1" class="button_primary agree">If Question 1 = Answer 1</a>
    </div>
    <div id="if_two">   <a href="http://websitelinkhere.com/2" class="button_primary agree">If Question 1 = Answer 2</a>
    </div>
    <div id="if_three"> <a href="http://websitelinkhere.com/3" class="button_primary agree">If Question 1 = Answer 3</a>
    </div>
</div>

---

但现在，它在动画结束前显示#procedure div中的内容，并且根本不会向下滚动。。如何修复此问题？

这些函数将在document.ready上被调用，就像您编写它们一样。它们需要封装在一个函数中，该函数在显示“第1行，第2行…”后被调用

我用叉子叉你的小提琴来做这件事。查看我在名为

procedure（）

的函数中包装的事件，以及我对

verifyAnimation（）

所做的更改，以便在显示最后一行“x”后调用该函数

---

所有这些函数都在页面加载时运行，对吗#此时甚至看不到“继续”。您需要命名这些函数并在正确的时间调用它们。@isherwood脚本以前工作得很好，唯一的问题是滚动到#继续div并使其正确显示，但如果我删除#继续div并将内容保留在其中，则无法使其滚动，那么它就可以工作了。。但是我需要把这个卷起来，这是给我带来最大麻烦的。。需要命名和调用哪些函数？谢谢！我伪造了JSFIDLE，并能够通过在css中添加

display:none

来隐藏#procedure，然后在新的FIDLE中的第5行和第6行添加

display:block

#procedure，但如何让它在显示按钮之前等待2秒？这里是小提琴使用

setTimeout

添加延迟。

// assign the correct target
var target = $('#proceed');

$('html, body').animate({
    scrollTop: target.offset().top
}, 200);

// scroll!
$('html, body').animate({
    scrollTop: target.offset().top
}, 200, function () {
    target.css({
        'border-color': 'red'
    })
});