javascript - 使用 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/