【问题标题】: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】:
    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>

    【讨论】:

    • 确实如此,查看选择器
    猜你喜欢
    • 2011-06-07
    • 2011-09-03
    • 1970-01-01
    • 2017-07-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-06-25
    相关资源
    最近更新 更多