A React Component, pull down the page to show an extra image.
Installation
npm i -S rc-pull-to-show
Usage
;; { return <div className="wrapper"> <PullToShow imgWidth=750 imgHeight=200 indicator='http://cdn.sample.com/test.png' > <p>this is the contents</p> </PullToShow> </div>}
Besides, you need to adapt to image css, e.g.
.pull-to-show-indicator-wrapper img display: block; width: 100%;
Demo
Compatibility
This component tested under React-15.5.4 and above. Lower versions might work but are not tested.
The CSS properties transform
and transition
are used in this component,
if you are supposed to support iOS 8 and below, do add browser verdor prefixes.