javascript - React Materialize 视差图像不随背景滚动

Question

我正在尝试将来自 react-materialize 的视差用于投资组合网站。我的图像在视差中工作，但它似乎没有滚动。

我在 index.html 文件中加载 material CSS 之前加载了 JQuery

import React, { Component } from 'react'
import {Parallax, Row} from 'react-materialize'



export default class ParalaxComponent extends Component {

  render(){
    debugger
    return (
      <Row>
        <Parallax imageSrc="https://www.thoughtco.com/thmb/DF3Q0T5_0O5CmGBTCWCBTcyGgmw=/768x0/filters:no_upscale():max_bytes(150000):strip_icc()/JavaScript-58acbb8a3df78c345bad32c2.jpg"></Parallax>
      </Row>
     )
  }
}

图像出现了，但没有触发动画谢谢你的帮助。

这是 github 上的应用程序如果这是调试问题的更简单方法。

Answer 1

最终改用“npm react-parallax”。 有很棒的文档和演示应用程序 here