Scroll Jump to id without jQuery

Question

I have search a lot of topics for a usable solution  But dont found something  Most scripts are just too cluttered for my purposes  Seeking a solution based only on Javascript  In my project it is not possible to use jQuery  I need a jump or scroll to id     lt head gt   lt script type  text javascript  gt    here has to go function  lt  script gt   lt  head gt    MY call is    lt a onclick  function call targetname  gt  lt img src  image1  alt  name1  gt  lt  a gt   lt a onclick  function call targetname  gt  lt img src  image2  alt  name2  gt  lt  a gt   lt a onclick  function call targetname  gt  lt img src  image3  alt  name3  gt  lt  a gt    So i have to use onclick event in my navigation   Now onclick i want to jump or scroll to a div id in my page    lt div id  target1  gt some content lt  div gt   lt div id  target2  gt some content lt  div gt   lt div id  target3  gt some content lt  div gt    It is very important  html anchor not work unfortunately  Otherwise everything would be pretty easy  I have use bevore simply   onclick  window location hash  target      But i have restrictions in eBay  They dont allow this simple code   Also I cant call an external javascript  only use JS in head area   Furthermore  it is not possible to use    cookie     cookie    replace     IFRAME  META or includes  and base href   It can not be hard with a bit of JS jump to a specific point   I do not need special effects   Does anyone have a slim and helpful solution      I Have found a solution by my self and thanks to Oxi  I follow your   way       For all those interested in my solution     lt head gt   lt script type  text javascript  gt  function scroll element      var ele   document getElementById element      window scrollTo ele offsetLeft ele offsetTop      lt  script gt   lt  head gt       Navigation Call     lt a onclick  scroll  target1     gt  lt img src  image1  alt  name1  gt  lt  a gt       Now you can jump to a div with called ID    lt div id  target1  gt CONTENT lt  div gt

User · Answer

on anchor tag use href and not onclick   lt a href   target1  gt asdf lt a gt    And div    lt div id  target1  gt some content lt  div gt

User · Answer

below code might help you  var objControl document getElementById  divid    objControl scrollTop   objControl offsetTop

User · Answer

Maybe You should try scrollIntoView   document getElementById  id   scrollIntoView      This will scroll to your Element

User · Answer

if you want smooth scrolling add behavior configuration   document getElementById  id   scrollIntoView     behavior   smooth

User · Answer

Oxi s answer is just wrong      What you want is   var container   document body  element   document getElementById  ElementID    container scrollTop   element offsetTop    Working example    function       var i   20  l   20  html         while  i--       html      lt div id  DIV    l-i      gt DIV     l-i     lt  div gt        html      lt a onclick  document body scrollTop document getElementById   DIV   i       offsetTop  gt        html       Scroll to  DIV   i      lt  a gt        html      lt br   gt  lt br   gt  lt br   gt  lt br   gt  lt br   gt  lt br   gt  lt br   gt  lt br   gt  lt br   gt  lt br   gt  lt br   gt  lt br   gt  lt br   gt  lt br   gt          document write  html               I haven t got enough reputation to comment on his answer

User · Answer

Add the function   function scrollToForm       document querySelector   form   scrollIntoView  behavior   smooth         Trigger the function    lt a href  javascript  scrollToForm     gt Jump to form lt  a gt

[javascript] Scroll / Jump to id without jQuery

Examples related to javascript

Examples related to html

Examples related to scroll