在刷新页面之前，不会应用使用JavaScript创建的样式

Question

我创建了一个脚本，将scrollTop值添加到DIV的高度

var scroll = $(this).scrollTop();
        console.log(scroll);

        function scrollH() {
            document.getElementById("overlay").style.height = scroll + 'px';
        }

        document.getElementById("overlay").addEventListener("scroll", scrollH());

我需要这种风格来不断更新（我正在制作进度条）。目前只有在我刷新页面时它才会改变。

提前致谢
（对不起，如果我没有按照本网站的正确问题格式，这是我的第一个问题：L）

Answer 1

您希望在加载DOM后通过JavaScript应用样式。 JQuery帮助解决了这个问题：

$(document).ready(function() {
  //do something to css
});

https://learn.jquery.com/using-jquery-core/document-ready/

Answer 2

您可以将侦听器应用于触发更新的任何事件，然后使用它的新值替换或填充进度条。