core-scaffold should get you the basics. Here's a demo:
http://www.polymer-project.org/components/core-scaffold/demo.html

Instead of core-header-panel, you can swap in core-header-scroll-panel
<http://www.polymer-project.org/docs/elements/core-elements.html#core-scroll-header-panel>
to do the banner scroll effects.


On Thu, Jul 10, 2014 at 5:12 PM, <[email protected]> wrote:

> Hi,
>
> How can a create a menu like the website from material design ?
> I was able to reproduce the header but I dont know how to show a menu when
> I click on the button .
>
> This is my html
>
> <body unresolved touch-action="auto">
>   <core-scroll-header-panel condenses keepCondensedHeader>
>
>     <core-toolbar class="tall">
>       <core-icon-button icon="menu">
>
>       </core-icon-button>
>       <div flex></div>
>       <core-icon-button icon="search"></core-icon-button>
>       <core-icon-button icon="more-vert"></core-icon-button>
>       <core-icon-button icon="info"></core-icon-button>
>       <div class="bottom indent title">My Track</div>
>     </core-toolbar>
>
>     <div class="content"> </div>
>
>
>
>   </core-scroll-header-panel>
>
> I try to put a core-menu inside the core-icon-button but the menu is not
> show. I know that something is missing but I don“t know what.
>
> Thanks!
> Regards
> Ignacio
>
> Follow Polymer on Google+: plus.google.com/107187849809354688692
> ---
> You received this message because you are subscribed to the Google Groups
> "Polymer" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to [email protected].
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/polymer-dev/7e01d183-2373-4999-8bd0-acba5419c762%40googlegroups.com
> <https://groups.google.com/d/msgid/polymer-dev/7e01d183-2373-4999-8bd0-acba5419c762%40googlegroups.com?utm_medium=email&utm_source=footer>
> .
> For more options, visit https://groups.google.com/d/optout.
>

Follow Polymer on Google+: plus.google.com/107187849809354688692
--- 
You received this message because you are subscribed to the Google Groups 
"Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To view this discussion on the web visit 
https://groups.google.com/d/msgid/polymer-dev/CACGqRCDcq3pLxCkOpWbSLfF1TgWG7RYQFOn078zYY9BjtyMkrg%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to