樣式不應用，直到頁面刷新

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

你可以申請一個監聽到任何事件觸發的更新，並然後用它的新值替換或填充進度條。