Skip to content

Commit

Permalink
added infographic for anchors
Browse files Browse the repository at this point in the history
  • Loading branch information
Alexander Prinzhorn committed Jul 21, 2012
1 parent c2e7ecb commit d7755dd
Show file tree
Hide file tree
Showing 3 changed files with 3 additions and 0 deletions.
3 changes: 3 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -96,6 +96,9 @@ The syntax is ```data-[offset]-(viewport-anchor)-[element-anchor]```, where ```o

I guess you get the point ;-)

Here's an infographic for better understanding of anchors:
[![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)

**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).

### Filling missing values
Expand Down
Binary file added guide/anchor-position-guide.pdf
Binary file not shown.
Binary file added guide/anchor-position-guide.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit d7755dd

Please sign in to comment.