JavaScript onscroll函数不支持'；t火

我只想在页面加载后启动一个函数

似乎我的代码中有错误，但我无法找出它…我想我还是要去noobish

<div class="text-one">
   <p id="hi" onscroll="myFunction()"> Hi, </p>
</div>

function myFunction () {
    document.getElementById("hi").style.color = "blue";
}

hi
函数myFunction（）{
document.getElementById（“hi”）.style.color=“蓝色”；
}

现在我们有了一个监听器，当用户在窗口中滚动时，它会监听

不是每个函数都应该从html标记内部调用。尤其是当上下文不匹配时

现在我们有了一个监听器，当用户在窗口中滚动时，它会监听

---

不是每个函数都应该从html标记内部调用。尤其是当上下文不匹配时，可以这样设置，首先必须有可滚动元素：

JS:

CSS:

---

你可以这样做，你必须先有滚动元素：

JS:

CSS:

---

首先，您需要确保您的元素是可滚动的，使用CSS如下

p#hi
{
   border: 1px solid black;
   width: 200px;
   height: 100px;/*need to specify element height*/
   overflow: scroll;
}

需要内容使高度超过CSS中定义的高度。 在这些之后，您的代码就可以了：）

---

请参考John在您的问题中的评论。

首先，您需要使用CSS确保您的元素是可滚动的，如下所示

p#hi
{
   border: 1px solid black;
   width: 200px;
   height: 100px;/*need to specify element height*/
   overflow: scroll;
}

需要内容使高度超过CSS中定义的高度。 在这些之后，您的代码就可以了：）

---

参考John在您的问题中的评论。

您的

标记没有滚动，您的
或
可能在滚动元素时执行JavaScript：如果它加载了页面，请使用simple window.onload=function（）{您想要调用的任何函数}您的
标记没有滚动，在滚动元素时，您的
或
可能会执行JavaScript：如果元素加载到页面上，请使用simple window.onload=function（）{您想调用的任何函数}
function myFunction () {
    document.getElementById("hi").style.color = "blue";
} 

#hi{
  display: block;
  overflow: scroll;
  height: 400px;
}

p#hi
{
   border: 1px solid black;
   width: 200px;
   height: 100px;/*need to specify element height*/
   overflow: scroll;
}