javascript - 暂停代码，直到它在浏览器窗口中

我正在使用一个名为“ typed”的jquery插件，可以逐句输入句子。
很好，但我想知道是否可以暂停代码，直到在浏览器窗口中看到文本区域？

因为我希望人们能够看到键入的第一句话，但是当前您会错过第一句话，因为它在页面顶部不可见。

这是我正在处理的页面：http://jakdesign.webflow.com/

这是html头中的代码：

$(document).ready(function( $ ) {
    $("#hero-text").typed({
        strings: ["First sentence.", "Second sentence."],
        typeSpeed: 0
    });
});

这是插件：
https://rawgithub.com/morr/jquery.appear/master/jquery.appear.js

最佳答案

您想在元素变得可见时初始化类型，不是吗？然后尝试这样的事情：

$(document).ready(function( $ ) {
    $("#hero-text").one("appear", function() {
        $(this).typed({
            strings: ["First sentence.", "Second sentence."],
            typeSpeed: 0
        });
    });
});

当然，这需要jQuery.appear插件。