Here's my HTML which has the a tags:
<nav class="mdl-navigation mdl-layout--large-screen-only">
<a class="mdl-navigation__link" href="#home">Home</a>
<a class="mdl-navigation__link" href="#about">About</a>
<a class="mdl-navigation__link" href="#contact">Contact</a>
</nav>
And here are the destinations:
<section id="home">
<div class="content">
<h1 class="heading">Welcome!</h1>
</div>
</section>
<section id="about">
<div class="content">
<h1 class="heading2">About me</h1>
</div>
</section>
<section id="contact">
<div class="content">
<h1 class="heading">Contact me</h1>
</div>
</section>
I'm using MDL library and heading , heading2 and content classes are for stylizing purposes only
Stevan Marjanovic
Mev-Rael
Executive Product Leader & Mentor for High-End Influencers and Brands @ mevrael.com
Is you webpage in browser big enough and have a vertical scrollbar? If there is no way or no need to scroll, browser won't do it, it's obvious. If code you provided is all what you have, then there is just nothing to scroll.
Apart from that and according to spec, everything with your code is fine.