title: How to create the sticky header using Angular material?
body: <p>I want to display sticky header.On scroll <code>header1</code>should be hidden and <code>header2</code> should show,How can i achieve this using <strong>material</strong>?</p>
  
  <p>Here is my expected <a href="https://xrv5pw.axshare.com/#id=yrdg9w&amp;p=home&amp;c=1" rel="nofollow noreferrer"><strong>DEMO</strong></a><br></p>
  
  <p>Thanks in advance</p>