Skip to content
This repository has been archived by the owner on Dec 15, 2018. It is now read-only.

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
zachleat committed Jan 23, 2015
1 parent 5230d94 commit 0f6d210
Showing 1 changed file with 4 additions and 7 deletions.
11 changes: 4 additions & 7 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,25 +22,22 @@ The most overlooked thing about `position: sticky` is that `sticky` elements are
Here’s an example of what a `sticky` element with CSS `top: 20px` behaves like:

![](demos/gifs/sticky-top-off.gif)
*Scrolling down*

The blue border represents the dimensions of the parent container element. If the element’s top is greater than `20px` to the top of the viewport, the element is not sticky.
*Scrolling down.* The blue border represents the dimensions of the parent container element. If the element’s top is greater than `20px` to the top of the viewport, the element is not sticky.

![](demos/gifs/sticky-top-on.gif)
*Scrolling down*

When the element’s top is less than `20px` to the top of the viewport, the element is sticky.
*Scrolling down.* When the element’s top is less than `20px` to the top of the viewport, the element is sticky.

Here’s an example of what a `sticky` element with CSS `bottom: 20px` behaves like:

![](demos/gifs/sticky-bottom-off.gif)
*Scrolling up*

Not sticky.
*Scrolling up.* Not sticky.

![](demos/gifs/sticky-bottom-on.gif)

Sticky.
*Scrolling up.* Sticky.

## Plugin Usage

Expand Down

0 comments on commit 0f6d210

Please sign in to comment.