Scrollmagic setPin方法导致Create-react-app中的链接问题

时间:2019-05-13 15:39:13

标签: reactjs animation gsap scrollmagic

我在我的create-react-app中使用Scrollmagic和GSAP并固定了一个部分,而子元素在滚动时动画化。每当我单击导航链接(使用Reach Router)时,我都达到了这个目的,但是它会转到空白页面。

在Chrome中检查元素时,<div id="root"></div>没有得到任何解释空白页面的数据。如果刷新该页面,它将按预期呈现所有内容。此外,如果我注释掉.setPin('#scrollStarts')行,它也会呈现。

空白页也将引发以下错误:

Uncaught DOMException: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.

有人有类似的行为并能够找到解决方案吗?

1 个答案:

答案 0 :(得分:0)

我添加了一个父项/包装<div>,它解决了该问题。