滚动时无法使用纯Javascript淡出效果吗？

Question

首先，我将从整体上讲JavaScript入手，因此，如果问题是非常表面的，我不会感到惊讶。我想在用户向下滚动时使HTML元素淡出，而在用户向上滚动时使HTML元素淡出，但是我不想像其他许多人一样涉及jQuery。

我的代码非常简单，这就是为什么我很难找到错误的原因；很少，我不知道哪里出了问题。

function fadeOut(id){
    let scroll = 1 - (window.scrollTop / window.innerHeight);
    scroll = Math.max(0, Math.min(scroll, 1));
    document.getElementById(id).style = "opacity: " + String(scroll) +";";
}

此功能在我要淡出的元素的onscroll属性中运行。我的期望是，随着用户向下滚动，滚动会导致scroll从1减少到0，但是似乎什么也没做。