javascript - 如何在组件内部运行Js

Question

我想向模板 html 中的 html 元素添加视差效果。我已经编写了代码来执行此操作，但不确定在哪里实现它以在每次页面滚动时运行。

let pos = document.body.scrollTop;
document.getElementById('parallex').style.marginTop = '-' + pos + 'px';

我尝试将其添加到 ngDoCheck 函数中，但它只工作了一次。怎么做？

Answer 1

如果我理解你的话。

你需要使用

window.onscroll() like this

window.onscroll = function (e) {  
// called when the window is scrolled.  
let pos = document.body.scrollTop;
document.getElementById('parallex').style.marginTop = '-' + pos + 'px';

}