{"id":1130,"date":"2012-10-16T11:32:12","date_gmt":"2012-10-16T09:32:12","guid":{"rendered":"http:\/\/blog.kodono.info\/wordpress\/?p=1130"},"modified":"2012-10-16T11:32:12","modified_gmt":"2012-10-16T09:32:12","slug":"vertical-scroll-en-javascript-programmation","status":"publish","type":"post","link":"https:\/\/blog.kodono.info\/wordpress\/2012\/10\/16\/vertical-scroll-en-javascript-programmation\/","title":{"rendered":"Vertical scroll en JavaScript [programmation]"},"content":{"rendered":"<p>Si l&#8217;on souhaite faire un scroll vertical seulement pour acc\u00e9der \u00e0 un \u00e9l\u00e9ment de notre page, alors on pourra utiliser :<\/p>\n<pre class=\"brush:javascript\">\r\nwindow.scrollTo(document.documentElement.scrollLeft,document.getElementById('id-de-mon-element').offsetTop)\r\n<\/pre>\n<p>Autre solution (en rep\u00e9rant le conteneur qui a les scrollbar) :<\/p>\n<pre class=\"brush:javascript\">\r\ndocument.getElementById('mon-conteneur').scrollTop = document.getElementById('id-de-mon-element').offsetTop\r\n<\/pre>\n<p>Pour que <code>offsetTop<\/code> retourne une valeur il faut que l&#8217;\u00e9l\u00e9ment associ\u00e9 soit visible.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si l&#8217;on souhaite faire un scroll vertical seulement pour acc\u00e9der \u00e0 un \u00e9l\u00e9ment de notre page, alors on pourra utiliser : window.scrollTo(document.documentElement.scrollLeft,document.getElementById(&#8216;id-de-mon-element&#8217;).offsetTop) Autre solution (en rep\u00e9rant le conteneur qui a les scrollbar) : document.getElementById(&#8216;mon-conteneur&#8217;).scrollTop = document.getElementById(&#8216;id-de-mon-element&#8217;).offsetTop Pour que offsetTop retourne une valeur il faut que l&#8217;\u00e9l\u00e9ment associ\u00e9 soit visible.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","hide_page_title":"","footnotes":""},"categories":[11,33],"tags":[24,151,158],"class_list":["post-1130","post","type-post","status-publish","format-standard","hentry","category-niveau-debutant","category-programmation","tag-javascript","tag-niveau-debutant","tag-programmation"],"_links":{"self":[{"href":"https:\/\/blog.kodono.info\/wordpress\/wp-json\/wp\/v2\/posts\/1130","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.kodono.info\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.kodono.info\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.kodono.info\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.kodono.info\/wordpress\/wp-json\/wp\/v2\/comments?post=1130"}],"version-history":[{"count":3,"href":"https:\/\/blog.kodono.info\/wordpress\/wp-json\/wp\/v2\/posts\/1130\/revisions"}],"predecessor-version":[{"id":1133,"href":"https:\/\/blog.kodono.info\/wordpress\/wp-json\/wp\/v2\/posts\/1130\/revisions\/1133"}],"wp:attachment":[{"href":"https:\/\/blog.kodono.info\/wordpress\/wp-json\/wp\/v2\/media?parent=1130"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.kodono.info\/wordpress\/wp-json\/wp\/v2\/categories?post=1130"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.kodono.info\/wordpress\/wp-json\/wp\/v2\/tags?post=1130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}