title: scroll to specific element on page using jquery
body: <p>Hello am having a great problem scrolling the page to a specific element on page using jquery or javascript.</p>
  
  <p>I've tried many ways of doing it but i failed in all of them. the website is implemented using the framework library called curtain.js <a href="https://github.com/victa/curtain.js" rel="noreferrer">https://github.com/victa/curtain.js</a>. </p>
  
  <p>The ways I have tried include:</p>
  
  <p>1)<a href="https://developer.mozilla.org/en-US/docs/Web/API/element.scrollIntoView?redirectlocale=en-US&amp;redirectslug=DOM%2Felement.scrollIntoView" rel="noreferrer">https://developer.mozilla.org/en-US/docs/Web/API/element.scrollIntoView?redirectlocale=en-US&amp;redirectslug=DOM%2Felement.scrollIntoView</a></p>
  
  <p>2)<a href="https://stackoverflow.com/questions/4801655/how-to-go-to-a-specific-element-on-page">How to go to a specific element on page?</a></p>
  
  <p>3) I even tried the simplest way using  anchor tags but nothing happens.</p>
  
  <p>the <strong>only</strong> way that <strong>worked</strong> was scrollTop() as you can see from other links on the page. Unfortunately this doesn't work for me since this fails on different screen sizes.</p>
  
  <p>you can see example of the site at <a href="http://pagota.herobo.com" rel="noreferrer">http://pagota.herobo.com</a></p>
  
  <p>Thanks !</p>