{"id":124688,"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:40","modified_gmt":"2025-02-03T15:44:40","slug":"how-to-create-scrolling-content","status":"publish","type":"post","link":"https:\/\/www.justinmind.com\/fr\/aide\/comment-creer-un-contenu-deroulant","title":{"rendered":"Comment cr\u00e9er un contenu d\u00e9roulant"},"content":{"rendered":"<p>Cet article vous apprendra \u00e0 cr\u00e9er un contenu d\u00e9filant dans un panneau dynamique.<\/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>Voici comment le construire :<\/p>\n<p>S\u00e9lectionnez un \u00ab\u00a0panneau dynamique\u00a0\u00bb dans la section \u00ab\u00a0Contenu dynamique\u00a0\u00bb et placez-le sur le canevas. Allez dans la palette Propri\u00e9t\u00e9s et s\u00e9lectionnez \u00ab\u00a0Automatique\u00a0\u00bb comme valeur des propri\u00e9t\u00e9s de d\u00e9filement vertical et de d\u00e9filement 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=\"D\u00e9filement dynamique\" width=\"1347\" height=\"742\"><\/p>\n<p>Maintenez la touche Commande (Mac) ou Contr\u00f4le (Windows) enfonc\u00e9e et faites glisser les \u00e9l\u00e9ments dans le panneau. Vous verrez une teinte bleue lorsque vous faites glisser un \u00e9l\u00e9ment \u00e0 l&rsquo;int\u00e9rieur. <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=\"D\u00e9filement dynamique\" width=\"1347\" height=\"742\"><br \/>\nPour que les barres de d\u00e9filement soient activ\u00e9es, le contenu doit \u00eatre plus grand que le \u00ab\u00a0panneau dynamique\u00a0\u00bb. Vous pouvez \u00e9galement s\u00e9lectionner un contenu dans le canevas, cliquer sur le bouton droit, s\u00e9lectionner \u00ab\u00a0Grouper + Grouper dans le panneau dynamique\u00a0\u00bb et s\u00e9lectionner les propri\u00e9t\u00e9s de d\u00e9filement dans la palette. <\/p>\n<p>Simulez votre prototype.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cet article vous apprendra \u00e0 cr\u00e9er un contenu d\u00e9filant dans un panneau dynamique. Voici comment le construire : S\u00e9lectionnez un \u00ab\u00a0panneau dynamique\u00a0\u00bb dans la section \u00ab\u00a0Contenu&#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":[8433,8426],"tags":[],"class_list":["post-124688","post","type-post","status-publish","format-standard","hentry","category-composants-avances","category-comment-faire"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts\/124688"}],"collection":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/comments?post=124688"}],"version-history":[{"count":1,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts\/124688\/revisions"}],"predecessor-version":[{"id":126178,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts\/124688\/revisions\/126178"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/media?parent=124688"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/categories?post=124688"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tags?post=124688"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}