node_modules/material-design-lite/src/layout/snippets/scrolling-header-demo.html

<style>
.demo-layout.demo-layout__scrolling-header {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
              0 3px 1px -2px rgba(0, 0, 0, 0.2),
              0 1px 5px 0 rgba(0, 0, 0, 0.12);
  width: 100%;
  position: relative;
  height: 300px;
}
.demo-layout.demo-layout__scrolling-header .page-content {
  height: 600px;
  background: white;
}
</style>

{% include "scrolling-header.html" %}