This element has been deprecated in favor of app-layout.
paper-header-panel contains a header section and a content panel section.
Important: The paper-header-panel will not display if its parent does not have a height.
Modes
Controls header and scrolling behavior. Options are standard, seamed, waterfall, waterfall-tall, scroll and
cover. Default is standard.
Mode
Description
standard
The header is a step above the panel. The header will consume the panel at the point of entry, preventing it from passing through to the opposite side.
seamed
The header is presented as seamed with the panel.
waterfall
Similar to standard mode, but header is initially presented as seamed with panel, but then separates to form the step.
waterfall-tall
The header is initially taller (tall class is added to the header). As the user scrolls, the header separates (forming an edge) while condensing (tall class is removed from the header).
scroll
The header keeps its seam with the panel, and is pushed off screen.
cover
The panel covers the whole paper-header-panel including the header. This allows user to style the panel in such a way that the panel is partially covering the header.
Styling
To change the shadow that shows up underneath the header:
请发表评论