Javascript 在HTML页面上显示特定部分时运行JS

Javascript 在HTML页面上显示特定部分时运行JS,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个JavaScript TypingText.js,它执行键入文本,但是,当用户滚动到文本所在的部分时,我需要运行JavaScript键入文本。有人能帮我吗 我的文本在这里 //只执行一次函数的标志 让typeTextStarted=false; //首先获取截面,您必须检测截面何时可见。因此需要进行一些计算。即: 获取节在文档中的位置 获取视口高度的步骤 在scroll上,获取滚动位置 然后,使用一个标志,运行函数一次 测试 我只是尝试了你告诉我的,但不幸的是它不起作用,现在也不起作用

我有一个JavaScript TypingText.js,它执行键入文本,但是,当用户滚动到文本所在的部分时,我需要运行JavaScript键入文本。有人能帮我吗

我的文本在这里 //只执行一次函数的标志 让typeTextStarted=false;
//首先获取截面,您必须检测截面何时可见。因此需要进行一些计算。即:

获取节在文档中的位置 获取视口高度的步骤 在scroll上,获取滚动位置 然后,使用一个标志,运行函数一次

测试


我只是尝试了你告诉我的,但不幸的是它不起作用,现在也不起作用,因为你是对的。。。我错了:可见的。。。我改变了答案;不工作对我没有帮助。。。您在使用jQuery吗?正如您所说的,详细地说,我复制了您的整个代码,但什么也没有发生!:嗯。。。用您实际拥有的代码和标记编辑您的问题。在编辑器中的按钮上使用代码段。并确保其行为与您在本地的行为类似。是否关闭节标记?你使用jQuery吗?不,请帮助我,怎么做。我关闭了我的分区标记,但是jQuery,我不知道在你的头标记末尾添加这个你不使用jQuery吗?那么为什么在你的问题上使用jQuery标记呢?使用阿卜杜拉提供的CDN。。。在进一步提问之前,请先看一看。卢伊斯·帕特里斯·贝塞特和阿卜杜拉·阿比德非常感谢你们!
// Flag to execute the function only once
let typeTextStarted = false;

// Get the section<s position in the document
let mysectionPosition = $("#mysection").offset()

// Get the view port height
let viewportHeight = $(window).height();

$(window).on("scroll", function() {

  // If scrolled position is more than the section's position MINUS the viewport height
  if ($(this).scrollTop()>mysectionPosition.top - viewportHeight && !typeTextStarted) {

    // Set flag
    typeTextStarted = true;

    new TypingText(document.getElementById("example1"));
    TypingText.runAll();
  }
});