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

在刷新页面之前,不会应用使用JavaScript创建的样式,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我创建了一个脚本,将scrollTop值添加到DIV的高度 var scroll = $(this).scrollTop(); console.log(scroll); function scrollH() { document.getElementById("overlay").style.height = scroll + 'px'; } document.getElementById("overla

我创建了一个脚本,将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

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

您希望在加载DOM后通过JavaScript应用样式。 JQuery有助于:

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

你什么时候打电话给scrollH?这里没有足够的代码/信息来帮助你。滚动的定义在哪里?