javascript - 如何在元素上使用滚动条事件

标签 javascript html css dom events

当滚动条位于该元素旁边时,我想更改该元素的背景。我怎样才能做到这一点? 我使用了“滚动”事件,但没有用。

<div id="skill">This is Skill</div>


var about = document.getElementById('about');
 about.addEventListener('scroll', function() {
 about.style.background='green';
});

像这样,当我点击该部分时,背景会发生变化:

about.addEventListener('click', function() {
 about.style.background='green'});

最佳答案

我从你的问题中猜想,你想在页面滚动时添加背景。

var about = document.getElementById('about');
window.addEventListener('scroll', function() {
  about.style.background = 'green';
});
body{
  height:800px;
}
<html>
<body>
<div id="about">This is Skill</div>
</body>
<html>

关于javascript - 如何在元素上使用滚动条事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58932560/

相关文章:

css - CSS值中的l()函数是什么意思?

javascript - Jest 模拟不适用于 React 测试库

javascript - 如何在 HTML , CSS 中将多个图像卡保持在同一行

javascript - Fade In Hover with fadeout to original state 或 onclick 保持悬停状态

html - 选择表中的第 n 列

html - 使用 HTML 编辑 CSS 定义的元素

javascript - 如何在数组中搜索某个值,如果找到 2 个或更多值,则仅删除其中一个值?

java - 哪个文件会告诉我 doxygen 中的映射

html - python : How Can I Render HTML Code And Show The Result To The User?

css绝对位置在相对位置内不重叠