How to scroll to an element:
<a href="#section-1">Go to section 1</a>
<section id="section-1"></section> <a href="#section-1">Go to section 1</a>
<section id="section-1"></section>"Can we make it scroll to section 1 slowly, so the user sees what's going on?"
"The heading of section 1 gets covered by the sticky top menu bar, change it so scrolling places section 1 just below the sticky."