jscottsmith/react-scroll-parallax-examples

React parallax examples using react-scroll-parallax npm package

react-scroll-parallax-examples's Issues

Npm Start & Yarn Start Both Fail How do you run this example Locally?

I am trying to run this on my local environment after cloning it. With Npm I get

huntermaxwell@Hunters-MacBook-Pro react-scroll-parallax-examples % npm start
npm ERR! missing script: start

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/huntermaxwell/.npm/_logs/2020-02-15T16_12_18_670Z-debug.log
huntermaxwell@Hunters-MacBook-Pro react-scroll-parallax-examples %

and with yarn I get

yarn run v1.22.0
(node:13985) ExperimentalWarning: The fs.promises API is experimental
error Command "start" not found.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

How do you run this?

Examples outdated

react-scroll-parallax-examples/examples/parallax-example/components/TriangleGrid/TriangleGrid.js

Lines 46 to 49 in e1f6d03

	offsetYMax={50}
	offsetYMin={-50}
	offsetXMax={13}
	offsetXMin={-13}

Example uses outdated property values for Parallax component. Looks like there's a migration guide available that provides an upgrade path:

https://github.com/jscottsmith/react-scroll-parallax/blob/7aa6d3e26fd5ff4bc0ca461a47b42960f94dd47e/docs/migration-guide.md

How to draw elements on top of ParallaxBanner?

Hi!

I use code:

<ParallaxBanner
   layers={[
      {
         image: "https://...",
         amount: 0.3,
         slowerScrollRate: false,
      },
   ]}
      style={{
      height: '50vh',
   }}
>
</ParallaxBanner>

How to draw other components on top of the ParallaxBanner component?