问题描述
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 (将#修改为@)