Skip to content

Commit

Permalink
fix(sticky-header): sticky header should work with various drawer rep…
Browse files Browse the repository at this point in the history
…resentations

closes #29
  • Loading branch information
leifoolsen committed May 5, 2016
1 parent f8be2f8 commit 43ac8ea
Show file tree
Hide file tree
Showing 5 changed files with 11 additions and 5 deletions.
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -216,7 +216,7 @@ of the standard [HTML `<select>`] (https://developer.mozilla.org/en/docs/Web/HTM
### Sticky Header
![StickyHeader](./etc/sticky-header.png)

A [sticky header](./src/sticky-header/) makes site navigation easily accessible anywhere on the page and saves content space at the same.
A [**sticky header**](./src/sticky-header/) makes site navigation easily accessible anywhere on the page and saves content space at the same.

The header should auto-hide, i.e. hiding the header automatically when a user starts scrolling down the page and
bringing the header back when a user might need it: they reach the bottom of the page or start scrolling up.
Expand Down
2 changes: 1 addition & 1 deletion demo/sticky-header.html
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@

<main id="mount" class="mdl-layout__content">

<h5>Sticky Header, Fixed Drawer</h5>
<h5>Sticky Header, Fixed Drawer Example</h5>

<p>A sticky header makes site navigation easily accessible anywhere on the page and saves content space at the same.</p>
<p>The header should auto-hide, i.e. hiding the header automatically when a user starts scrolling down the page
Expand Down
Binary file modified etc/sticky-header.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion src/demo/sticky-header.html
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
<include src="include/_drawer.html"></include>
<main id="mount" class="mdl-layout__content">

<h5>Sticky Header, Fixed Drawer</h5>
<h5>Sticky Header, Fixed Drawer Example</h5>

<p>A sticky header makes site navigation easily accessible anywhere on the page and saves content space at the same.</p>
<p>The header should auto-hide, i.e. hiding the header automatically when a user starts scrolling down the page
Expand Down
10 changes: 8 additions & 2 deletions src/sticky-header/readme.md
Original file line number Diff line number Diff line change
Expand Up @@ -114,8 +114,14 @@ bringing the header back when a user might need it: they reach the bottom of the
</div>
```

### Example
See [the live demo](http://leifoolsen.github.io/mdl-ext/demo/sticky-header.html)
### Examples

* [Sticky header, Fixed drawer](http://leifoolsen.github.io/mdl-ext/demo/sticky-header.html)
* [Sticky header, Drawer](http://leifoolsen.github.io/mdl-ext/demo/sticky-header-ii.html)
* [Sticky header, No Drawer](http://leifoolsen.github.io/mdl-ext/demo/sticky-header-iii.html)
* [Sticky header, Waterfall, Fiexed Drawer](http://leifoolsen.github.io/mdl-ext/demo/sticky-header-iv.html)
* [Sticky header, Waterfall, Drawer](http://leifoolsen.github.io/mdl-ext/demo/sticky-header-v.html)
* [Sticky header, Waterfall, No Drawer](http://leifoolsen.github.io/mdl-ext/demo/sticky-header-vi.html)


## Configuration options
Expand Down

0 comments on commit 43ac8ea

Please sign in to comment.