Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/457.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用纯Javascript更改页边空白顶部_Javascript_Css_Html_Scroll_Margin - Fatal编程技术网

使用纯Javascript更改页边空白顶部

使用纯Javascript更改页边空白顶部,javascript,css,html,scroll,margin,Javascript,Css,Html,Scroll,Margin,我想改变一个div的边距顶部,它有边距顶部:80px默认情况下。当人们向下滚动页面时,它应该更改其页边距顶部:40px。这必须在JS中完成。我在网上搜索了这方面的内容,我能得到的只是关于JQuery的教程。有人能帮我学纯JS吗。我不想要JQuery或任何其他框架,因为它加载了这个简单框架的所有代码 任何帮助都将不胜感激 谢谢。那么告诉我们。。。你尝试过什么?为我们发布一段代码。可能是的重复。我知道如何使用javascript更改css。我需要知道如何在滚动的时候做到这一点。我对它进行了编辑,以便

我想改变一个div的边距顶部,它有
边距顶部:80px默认情况下。当人们向下滚动页面时,它应该更改其
页边距顶部:40px
。这必须在JS中完成。我在网上搜索了这方面的内容,我能得到的只是关于JQuery的教程。有人能帮我学纯JS吗。我不想要JQuery或任何其他框架,因为它加载了这个简单框架的所有代码

任何帮助都将不胜感激


谢谢。

那么告诉我们。。。你尝试过什么?为我们发布一段代码。可能是的重复。我知道如何使用javascript更改css。我需要知道如何在滚动的时候做到这一点。我对它进行了编辑,以便它在滚动时发生,检查nao。我相信,如果PHP新手想更改边距,他可以更改边距。我只是不知道如何在我的代码中添加边距。非常感谢。
window.onscroll = function() { document.getElementById('id').style.margin = '40px 0 0 0' }
document.getElementById('YouDiv').style.marginTop='40px';