Skip to content

Commit d7755dd

Browse files
author
Alexander Prinzhorn
committed
added infographic for anchors
1 parent c2e7ecb commit d7755dd

File tree

3 files changed

+3
-0
lines changed

3 files changed

+3
-0
lines changed

README.md

+3
Original file line numberDiff line numberDiff line change
@@ -96,6 +96,9 @@ The syntax is ```data-[offset]-(viewport-anchor)-[element-anchor]```, where ```o
9696

9797
I guess you get the point ;-)
9898

99+
Here's an infographic for better understanding of anchors:
100+
[![Anchors Guide](https://raw.github.com/Prinzhorn/skrollr/master/guide/anchor-position-guide.png)](https://raw.github.com/Prinzhorn/skrollr/master/guide/anchor-position-guide.pdf)
101+
99102
**Important**: All those values will be calculated up-front and transformed to ```absolute``` mode. So if either the element's box height changes (height, padding, border) or the elements position within the document, you need to call ```refresh()``` (see documentation in JavaScript section below).
100103

101104
### Filling missing values

guide/anchor-position-guide.pdf

47.5 KB
Binary file not shown.

guide/anchor-position-guide.png

13.4 KB
Loading

0 commit comments

Comments
 (0)