javascript - NextJS：香草 JavaScript，可能与否？

Question

ReactJS 和 NextJS 的新手，想知道是否可以在 NextJS 中将 JavaScript 添加到 HTML 类名。例如，尝试创建视差效果需要通过 npm 安装某个包才能使视差工作。

示例问题：如何向此图像代码添加 javascript 效果？

<Image className={styles.bg}
    src="/../public/bg.jpg"
    // width={2049}
    // height={2049}
    // objectFit="cover"
    layout="fill"
    quality={100}
  />

所以我的问题是如何添加以下代码以使我的 javascript 效果起作用：

let bg = document.getElementById("bg");

    window.addEventListener('scroll', function() {
      var value = window.scrollY;

      bg.style.top = value * 0.5 + 'px';
      moon.style.left = -value * 0.5 + 'px';