【问题标题】:Scroll down Event向下滚动事件
【发布时间】:2020-03-14 00:37:29
【问题描述】:
当我向下滚动该元素时,我想在 html 元素上添加一些功能。
var El = document.getElementbyId("info");
El.addEventListener("scroll", function() {
El.style.background="red";
})
我想在元素上使用该事件,而不是在文档或窗口对象上。
【问题讨论】:
标签:
javascript
html
css
dom
events
【解决方案1】:
- 您的选择器“getElementbyId”有误,“b”需要大写
- 我添加了一些内容,所以有一个可行的演示案例
document.getElementById('info').addEventListener(
'scroll',
function()
{
document.getElementById('info').style.background="red";
},
false
)
#info{
height:200px;
width:200px;
background-color:yellow;
overflow:scroll;
}
<div id="info">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</div>