开发者问题收集

类型错误:无法将属性“onscroll”设置为 null

2021-08-28
1732

我正在尝试创建滚动效果,其中左侧图像根据滚动位置而变化,右侧在滚动时更改内容。

尝试执行 onscroll javascript 函数时出现错误。我不确定我做错了什么 - 我试图在 React App 中使用它 - React 是否有可能有不同的规则来调用此函数?

我在这里创建了示例:

https://codesandbox.io/s/scroll-effect-37ecc

2个回答

我将使用 useref 进行React中的DOM操作。这将被优化。

988216197

,或者您也可以使用 onsroll prop。 ,不要忘记清除使用效率清洁功能中的所有听众,这样,您就不会遇到任何内存泄漏问题。

Rakesh K
2021-08-28

通常情况下,你会使用 react 中的 useRef() 函数直接访问 DOM 元素,然后你可以像这样使用它们:

const scrollingDiv = useRef(null);
<div id="scrollingSomething" ref={scrollingDiv}>

然后你可以使用对元素的 scollingDiv 引用来操作该元素

https://codesandbox.io/s/scroll-effect-forked-3nkbb

MarcL
2021-08-28