{"id":40,"date":"2021-12-09T18:00:54","date_gmt":"2021-12-09T18:00:54","guid":{"rendered":"https:\/\/paraempezar.com\/?p=40"},"modified":"2021-12-09T18:00:56","modified_gmt":"2021-12-09T18:00:56","slug":"scroll-a-un-elemento","status":"publish","type":"post","link":"https:\/\/paraempezar.com\/index.php\/2021\/12\/09\/scroll-a-un-elemento\/","title":{"rendered":"Scroll a un elemento"},"content":{"rendered":"\n<p>cuando se requiere dar el focus a un elemento muchas veces no queda visible al 100, o simplemente quieres moverte a una seccion o elemento del DOM, una de las funciones muy sencillas es :  <strong>scrollIntoView()<\/strong><\/p>\n\n\n\n<p>c\u00f3digo sencillo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>var element = document.getElementById(\"box\");\r\n\relement.scrollIntoView();<\/code><\/pre>\n\n\n\n<p>As\u00ed de f\u00e1cil, nos olvidamos de librer\u00edas  externas, c\u00f3digos complicados, y dem\u00e1s<\/p>\n\n\n\n<p><sub><strong>fuente:<\/strong> <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Element\/scrollIntoView\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Element\/scrollIntoView<\/a><\/sub><\/p>\n","protected":false},"excerpt":{"rendered":"<p>cuando se requiere dar el focus a un elemento muchas veces no queda visible al 100, o simplemente quieres moverte a una seccion o elemento del DOM, una de las funciones muy sencillas es : scrollIntoView() c\u00f3digo sencillo: As\u00ed de f\u00e1cil, nos olvidamos de librer\u00edas externas, c\u00f3digos complicados, y dem\u00e1s fuente: https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Element\/scrollIntoView<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[10,9,8],"_links":{"self":[{"href":"https:\/\/paraempezar.com\/index.php\/wp-json\/wp\/v2\/posts\/40"}],"collection":[{"href":"https:\/\/paraempezar.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/paraempezar.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/paraempezar.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/paraempezar.com\/index.php\/wp-json\/wp\/v2\/comments?post=40"}],"version-history":[{"count":3,"href":"https:\/\/paraempezar.com\/index.php\/wp-json\/wp\/v2\/posts\/40\/revisions"}],"predecessor-version":[{"id":43,"href":"https:\/\/paraempezar.com\/index.php\/wp-json\/wp\/v2\/posts\/40\/revisions\/43"}],"wp:attachment":[{"href":"https:\/\/paraempezar.com\/index.php\/wp-json\/wp\/v2\/media?parent=40"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/paraempezar.com\/index.php\/wp-json\/wp\/v2\/categories?post=40"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/paraempezar.com\/index.php\/wp-json\/wp\/v2\/tags?post=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}