https://github.com/phocks/sticky
A demo using sticky positioning for a scrollyteller type thing
https://github.com/phocks/sticky
css position sticky
Last synced: 3 months ago
JSON representation
A demo using sticky positioning for a scrollyteller type thing
- Host: GitHub
- URL: https://github.com/phocks/sticky
- Owner: phocks
- Created: 2017-08-30T06:15:05.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-08-31T01:19:06.000Z (almost 9 years ago)
- Last Synced: 2025-08-30T04:04:24.590Z (10 months ago)
- Topics: css, position, sticky
- Language: JavaScript
- Size: 16.6 KB
- Stars: 0
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
A position:sticky example
============================
This is an example of how you might use the new css position:sticky property to fix a scrollyteller-like element to the screen while scrolling. This removes the slight jitter you get in the split second between scrolling and fixing the element.
To see this demo [go here](https://sticky.glitch.me/).
For an example on the old way try the [Australia as 100 people](http://www.abc.net.au/news/2017-06-27/census-australia-as-100-people/8634318) ABC article.
Made by [Josh](https://ftwitter.com/phocks)
-------------------
\ ćoć)ć