Question

我正在尝试使用来自反应实现的视差用于投资组合站点。我的图像已经在视差中工作了，但是它似乎并没有滚动。

我已经在index.html文件中的材料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

React Materialize Parallax图像不与背景滚动

1 个答案: