{"id":103,"date":"2015-07-29T02:19:00","date_gmt":"2015-07-29T02:19:00","guid":{"rendered":"http:\/\/waynenguyen.org\/dev\/2015\/07\/29\/scroll-using-pure-javascrip\/"},"modified":"2016-05-21T03:15:55","modified_gmt":"2016-05-21T03:15:55","slug":"scroll-using-pure-javascrip","status":"publish","type":"post","link":"https:\/\/bruceng.com\/dev\/?p=103","title":{"rendered":"scroll using pure javascript"},"content":{"rendered":"<div dir=\"ltr\" style=\"text-align: left;\" trbidi=\"on\">\nTo scroll down to an element in the page. The best way is to use function scrollIntoView<\/p>\n<p>Pure javascript<\/p>\n<p>var theElement = document.getElementById(&#8216;yourElementId&#8217;);<br \/>\ntheElement.scrollIntoView();<\/p>\n<p>\nUsing jquery to select element:<\/p>\n<p>$(SELECTOR)[0].scrollIntoView();<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>To scroll down to an element in the page. The best way is to use function scrollIntoView Pure javascript var theElement = document.getElementById(&#8216;yourElementId&#8217;); theElement.scrollIntoView(); Using jquery to select element: $(SELECTOR)[0].scrollIntoView();<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-103","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/bruceng.com\/dev\/index.php?rest_route=\/wp\/v2\/posts\/103","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bruceng.com\/dev\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bruceng.com\/dev\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bruceng.com\/dev\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/bruceng.com\/dev\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=103"}],"version-history":[{"count":1,"href":"https:\/\/bruceng.com\/dev\/index.php?rest_route=\/wp\/v2\/posts\/103\/revisions"}],"predecessor-version":[{"id":223,"href":"https:\/\/bruceng.com\/dev\/index.php?rest_route=\/wp\/v2\/posts\/103\/revisions\/223"}],"wp:attachment":[{"href":"https:\/\/bruceng.com\/dev\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=103"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bruceng.com\/dev\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=103"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bruceng.com\/dev\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}