Change margin-top with PURE Javascript
css, html, javascript, margin, scroll
Solution
document.getElementById('YouDiv').style.marginTop='40px';
#YouDiv {
border:1px solid black;
}
<div>This is other Div</div>
<div id="YouDiv">This is YouDiv</div>
Problem
I wanted to change margin-top of a div which has `margin-top:80px;` by default. When people scroll the page down it should change its `margin-top:40px` . This has to be done in JS. I searched on web about this and all i could get is a tutorial on JQuery. Could any one help me with pure JS. I dont want JQuery or any other framework as it loads all code for this simple one. Any help will be appreciated. Thank You.