{"id":124687,"date":"2022-11-16T17:26:40","date_gmt":"2022-11-16T16:26:40","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/how-to-create-scrolling-content\/"},"modified":"2025-02-03T16:44:42","modified_gmt":"2025-02-03T15:44:42","slug":"how-to-create-scrolling-content","status":"publish","type":"post","link":"https:\/\/www.justinmind.com\/es\/soporte\/como-crear-contenido-desplegable","title":{"rendered":"C\u00f3mo crear contenido desplazable"},"content":{"rendered":"<p>Este art\u00edculo te ense\u00f1ar\u00e1 a crear contenido desplazable en un panel din\u00e1mico.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.justinmind.com\/usernote\/tests\/23518471\/73112233\/73144417\/index.html\" width=\"100%\" height=\"415px\" frameborder=\"0\"><\/iframe><\/p>\n<p>As\u00ed es como se construye:<\/p>\n<p>Selecciona un \u00abPanel din\u00e1mico\u00bb de la secci\u00f3n \u00abContenido din\u00e1mico\u00bb y col\u00f3calo en el lienzo, ve a la paleta Propiedades y selecciona \u00abAutom\u00e1tico\u00bb como valor de las propiedades de desplazamiento vertical y desplazamiento horizontal.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-67133\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/scrolling-content-1.png\" alt=\"Desplazamiento din\u00e1mico\" width=\"1347\" height=\"742\"><\/p>\n<p>Mant\u00e9n pulsado Comando (Mac) o Control (Widnows) y arrastra los elementos al panel. Ver\u00e1s un tinte azul cuando arrastres un elemento dentro. <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-67133\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2022\/10\/scrolling-content-2.png\" alt=\"Desplazamiento din\u00e1mico\" width=\"1347\" height=\"742\"><br \/>\nPara que se activen las barras de desplazamiento, el contenido tiene que ser mayor que el \u00abPanel din\u00e1mico\u00bb. Tambi\u00e9n puedes seleccionar el contenido en el lienzo, hacer clic con el bot\u00f3n derecho, seleccionar \u00abAgrupar + Agrupar en panel din\u00e1mico\u00bb y seleccionar las propiedades de desplazamiento en la paleta. <\/p>\n<p>Simula tu prototipo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Este art\u00edculo te ense\u00f1ar\u00e1 a crear contenido desplazable en un panel din\u00e1mico. As\u00ed es como se construye: Selecciona un \u00abPanel din\u00e1mico\u00bb de la secci\u00f3n \u00abContenido din\u00e1mico\u00bb&#8230;<\/p>\n","protected":false},"author":20,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[8430,8424],"tags":[],"class_list":["post-124687","post","type-post","status-publish","format-standard","hentry","category-componentes-avanzados","category-trucos-avanzados"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts\/124687"}],"collection":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/comments?post=124687"}],"version-history":[{"count":1,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts\/124687\/revisions"}],"predecessor-version":[{"id":126185,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/posts\/124687\/revisions\/126185"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/media?parent=124687"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/categories?post=124687"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/es\/wp-json\/wp\/v2\/tags?post=124687"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}