3.9.0 • Published 2 years ago
react-stickky v3.9.0
React-Stickky
A simple React sticky component
Live Demo
Description
Wrap any code within and pass css styles
<Sticky>
<h1>Now I'm sticky</h1>
</Sticky>
and it will be sticky
To make it sticky at the Top of the page
.stickyStyle {
backgroundColor: '#FFF',
top: '0'
}
<Sticky className="stickyStyle">
This is a React component!
</Sticky>
To make it sticky at the Bottom of the page
.stickyStyle {
backgroundColor: '#FFF',
bottom: '0'
}
<Sticky className="stickyStyle">
This is a React component!
</Sticky>
Using other optional properties
<Sticky
className={style}
scrollIndex={100}
stickyWidth="100%"
>
</Sticky>
Propterties are optional
- className - Any CSS styles needed to pass down to child components
- scrollIndex - @scrollIndex y=100 the stickyness will apply to the wrapped component
- stickyWidth - Takes width if passed or defaults to 100%
- zIndex - Takes a custom zIndex or its set to max
3.9.0
2 years ago
3.4.0
2 years ago
3.3.0
2 years ago
3.2.0
2 years ago
3.8.0
2 years ago
3.7.0
2 years ago
3.6.0
2 years ago
3.5.0
2 years ago
3.0.3
3 years ago
3.1.0
3 years ago
3.0.2
6 years ago
3.0.1
6 years ago
3.0.0
6 years ago
2.2.0
7 years ago
2.1.2
7 years ago
2.1.1
7 years ago
2.1.0
7 years ago
2.0.0
7 years ago
1.6.0
7 years ago
1.4.0
7 years ago
1.3.0
7 years ago
1.2.0
7 years ago
1.1.1
8 years ago
1.1.0
8 years ago