NextJS:Vanilla JavaScript,可能与否?

问题描述

ReactJS 和 NextJS 的新手,想知道是否可以将 JavaScript 添加到 NextJS 中的 HTML classNames。 例如,尝试创建视差效果需要通过 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';

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...