javascript - 使用 PURE Javascript 更改 margin-top

Question

我想更改margin-top:80px;默认情况下具有的 div 的 margin-top。当人们向下滚动页面时，它应该更改其margin-top:40px. 这必须在 JS 中完成。我在网上搜索了这个，我能得到的只是一个关于 JQuery 的教程。任何人都可以帮助我处理纯 JS。我不想要 JQuery 或任何其他框架，因为它会为这个简单的框架加载所有代码。

任何帮助将不胜感激。

谢谢你。

Answer 1

document.getElementById('YouDiv').style.marginTop='40px';

#YouDiv {
  border:1px solid black;
}

<div>This is other Div</div>
<div id="YouDiv">This is YouDiv</div>

Answer 2

window.onscroll = function() { document.getElementById('id').style.margin = '40px 0 0 0' }