jquery - Smooth page scrolling implementation? -

I am trying to implement this beautiful effect that is called smooth page scrolling with ease effect I follow the instructions given in the tutorial:

What I wanted to do was, I could be able to click on any one of the links from my navbar, which is the exact location (well, ), But it does not work Is.

Hope you can help people! thank you in advanced!

  & lt ;! DOCTYPE html & gt; & Lt; Html & gt; & Lt; Top & gt; & Lt; Title & gt; Smooth Page Scrolling & lt; / Title & gt; & Lt; Script type = 'text / javascript' src = 'smoothpagescrolling.js' & gt; & Lt; / Script & gt; & Lt; Link type = "text / css" rel = "stylesheet" href = "stylesheet.css" /> & Lt; / Head & gt; & Lt; Body & gt; & Lt; Header & gt; & Lt; A href = "#" id = "logo" & gt; Logo & lt; / A & gt; & Lt; Ul id = "nav" class = "nav" & gt; & Lt; Li & gt; & Lt; A href = "# home" & gt; Home & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "about #" & gt; About & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "# services" & gt; Services & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "# Gallery" & gt; Gallery & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "# contact" & gt; Contact & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Header & gt; & Lt; Section id = "hero1" class = "hero" & gt; & Lt; Div class = "inner" & gt; & Lt; Div class = "copy" & gt; & Lt; H1 & gt; Home & lt; / H1> & Lt; P & gt; Here are some lessons! & Lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Section & gt; & Lt; Section class = "content" & gt; & Lt; Div class = "inner" & gt; & Lt; Div class = "copy" & gt; & Lt; H1 & gt; About & lt; / H1> & Lt; P & gt; Here are some lessons ... & lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Section & gt; & Lt; Section id = "hero2" class = "hero" & gt; & Lt; Div class = "inner" & gt; & Lt; Div class = "copy" & gt; & Lt; H1 & gt; Services & lt; / H1> & Lt; P & gt; Here are some lessons ... & lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Section & gt; & Lt; Section class = "content" & gt; & Lt; Div class = "inner" & gt; & Lt; Div class = "copy" & gt; & Lt; H1 & gt; Gallery & lt; / H1> & Lt; P & gt; Here are some lessons ... & lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Section & gt; & Lt; Section class = "newsection" & gt; & Lt; H1 & gt; Contact & lt; / H1> & Lt; P & gt; E-mail: webmaster@yahoo.com< / P & gt; & Lt; / Section & gt; & Lt; Link href = 'http: //fonts.googleapis.com/css? Family = roboto + slab: 400,700 'relay =' stylesheet 'type =' text / css' & gt; & Lt; Link href = 'http: //fonts.googleapis.com/css? Family = dot + sans' relay = 'stylesheet' type = 'text / css' & gt; & Lt; / Body & gt; & Lt; / Html & gt; Check 
 
, the way you were being mapped  ids  In your anchor tags and sections