SHARE
TWEET

Untitled

a guest Jan 16th, 2019 54 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. class App extends React.Component {
  2.   render() {
  3.     console.log("App---->");
  4.     return (
  5.       <StickyContainer>
  6.         {/* Other elements can be in between `StickyContainer` and `Sticky`,
  7.         but certain styles can break the positioning logic used. */}
  8.  
  9.         <div>
  10.           I am sticky------------------------------------------------------->
  11.         </div>
  12.  
  13.         <Sticky>
  14.           {({
  15.             style,
  16.  
  17.             // the following are also available but unused in this example
  18.             isSticky,
  19.             wasSticky,
  20.             distanceFromTop,
  21.             distanceFromBottom,
  22.             calculatedHeight
  23.           }) => <header style={style}>{}</header>}
  24.         </Sticky>
  25.         <SearchBar />
  26.         <div>I am sticky</div>
  27.         <WholeText />
  28.         <UploadDocuments />
  29.         <VerticalLinearStepper />
  30.         {/* ... */}
  31.       </StickyContainer>
  32.     );
  33.   }
  34. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top