【问题标题】:Scrollmagic setPin Method Causes Link issues in Create-react-appScrollmagic setPin 方法导致 Create-react-app 中的链接问题
【发布时间】:2019-05-13 15:39:13
【问题描述】:

我在我的 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.

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

【问题讨论】:

    标签: reactjs animation gsap scrollmagic


    【解决方案1】:

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

    【讨论】:

    • 非常感谢!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-02-15
    • 2020-04-14
    • 1970-01-01
    • 2022-11-12
    • 2022-11-21
    • 2022-01-19
    相关资源
    最近更新 更多