title: how to scroll to a position in a page by clicking on link
body: <p>Hi coder i am new to <strong>jquery</strong>. i serach alot but fail to find this what i am looking is not a customize application, i just want process or method how we can achieve this. </p>
  
  <p>Suppose i have a menu or link like below</p>
  
  <blockquote>
    <ul>
    <li>Home</li>
    <li>About</li>
    <li>Contact</li>
    </ul>
  </blockquote>
  
  <p>As a link or menu and when i click on that any of the link or menu i <strong>srcoll</strong> down to position of the page where details for it present..</p>
  
  <blockquote>
    <p>Just like <a href="http://www.ikf.co.in/advertising-media.html#Baring-our-Soul" rel="nofollow">This link</a> where click on the above menu scroll to the
    position of it on the page</p>
  </blockquote>
  
  <p>This should be a single page application.</p>
  
  <p>Any idea's or tutorial for this i want to do it jquery.</p>
  
  <p>I can use scrollup(), scroll(), animate() but how to proceed this that is the main concren any help would be appreciated.</p>