Javascript 向下滚动页面时如何更改div img

非常简单的javascript问题，我不知道如何解决：

在网站上向下滚动时： （使用密码“aiglog”）

收割台向上移动，采用极简设计。因为这个标志太大了，所以很显眼

更改徽标的div属性以调整图像大小需要哪些javascript代码

---

谢谢

根据您的需要修改函数值

function onScrollChange()
{
    if ( document.body.scrollTop > 500 ) {
        var divElement = document.getElementById('divID');

        // either change style properties directly
        divElement.style.width = '100px';
        divElement.style.height = '100px';
        // or change the div's css class
        divElement.classname = 'smallLogoClass';

    }
}

然后注册它，使它在每个滚动上执行

document.addEventListener('scroll', onScrollChange);

---

如果可以添加自定义CSS，请添加以下内容：

/* scale logo down to ~75% size when scrolled sidebar is activated (fadeInDown class) */
.fadeInDown .template-logo img {
   width: 225px;
   height: 61px;
}

---

有密码可进入存储区。抱歉，请使用密码。这不是javascriptsolution@dreamlab你是对的。我有点误读了这个问题，但大多数人认为如果它可以用CSS修复，这是一个更好的选择。您至少可以提供如何在scroll上应用cssdown@dreamlab请随意编辑答案，如果你可以改进它，但我真的不确定你在说什么，也许他会更喜欢这个解决方案，因为他可能不知道CSS可以做这项工作。我个人认为这更整洁。