title: How to do Smooth Scroll in Angular-Material theme?
body: <p>I am starting a new project and using Angular Material with AngularJS. I am having trouble to make smooth scrolling work. I am using this smooth scroll library: <a href="https://github.com/oblador/angular-scroll" rel="nofollow">https://github.com/oblador/angular-scroll</a></p>
  
  <p>I also try this one: <a href="https://github.com/d-oliveros/ngSmoothScroll" rel="nofollow">https://github.com/d-oliveros/ngSmoothScroll</a>
  But none of them work. I make a codepen to demo the problem here:</p>
  
  <p><a href="http://codepen.io/hughred22/pen/XmRpOG/" rel="nofollow">http://codepen.io/hughred22/pen/XmRpOG/</a></p>
  
  <p>As you see in my Codepen, if I comment out</p>
  
  <pre><code>document.getElementById('bottom').scrollIntoView(true);
  </code></pre>
  
  <p>To show scrollIntoView work and it scroll to the div. But smooth scroll won't work for some reason. Please help! </p>