向下滚动事件

问题描述 投票:-1回答:1

当我向下滚动该元素时,我想在html元素上添加一些功能。

var El = document.getElementbyId("info");
El.addEventListener("scroll", function() {
    El.style.background="red";
}) 

我想在元素上而不是文档或窗口对象上使用该事件。

javascript html css dom events
1个回答
0
投票
  1. 您的选择器'getElementbyId'错误,'b'必须为大写字母
  2. 我添加了一些内容,因此有一个可行的演示案例

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>
© www.soinside.com 2019 - 2024. All rights reserved.