{"id":3733,"date":"2025-01-24T12:44:06","date_gmt":"2025-01-24T12:44:06","guid":{"rendered":"https:\/\/schirmacher-hf.de\/travel-destinations-with-scroll-accordion\/"},"modified":"2025-01-24T12:44:06","modified_gmt":"2025-01-24T12:44:06","slug":"destinations-de-voyage-avec-laccordeon-de-defilement","status":"publish","type":"page","link":"https:\/\/schirmacher-hf.de\/fr\/travel-destinations-with-scroll-accordion\/","title":{"rendered":"Destinations de voyage avec l'accord\u00e9on d\u00e9roulant"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"3733\" class=\"elementor elementor-3733\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43e0f85 e-flex e-con-boxed e-con e-parent\" data-id=\"43e0f85\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34aa0db elementor-widget elementor-widget-ucaddon_animated_mouse_scroll_icon\" data-id=\"34aa0db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_animated_mouse_scroll_icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Animated Mouse Scroll Icon -->\n<style>\/* widget: Animated Mouse Scroll Icon *\/\n\n.mousey {\n  border-style:solid;\n  box-sizing: border-box;\n  display:inline-block;\n  text-align:center;\n}\n.scroller {\n  border-radius: 50px;\n  animation-name: scroll;\n  animation-duration: 2.2s;\n  animation-timing-function: cubic-bezier(.15,.41,.69,.94);\n  animation-iteration-count: infinite;\n  display:inline-block;\n}\n@keyframes scroll {\n  0% { opacity: 0; }\n  10% { transform: translateY(0); opacity: 1; }\n  100% { transform: translateY(15px); opacity: 0;}\n}\n\n<\/style>\n\n<div class=\"scroll-downs\" style=\"text-align:center;\">\n  <a href=\"#\" >\t\n  <div class=\"mousey\">\n    <div class=\"scroller\"><\/div>\n  <\/div>\n  <\/a>\t\n<\/div>\n<!-- end Animated Mouse Scroll Icon -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ae546b elementor-widget elementor-widget-text-editor\" data-id=\"2ae546b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Faites d\u00e9filer la page pour voir l'accord\u00e9on en action ! Regardez le contenu se d\u00e9rouler avec un effet de parallaxe lisse, cr\u00e9ant une sensation dynamique de profondeur et d'interaction.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8cb7eab e-flex e-con-boxed e-con e-parent\" data-id=\"8cb7eab\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-54fea12 e-con-full e-flex e-con e-child\" data-id=\"54fea12\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c90b55 elementor-widget elementor-widget-heading\" data-id=\"1c90b55\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Destinations de voyage<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e251da elementor-widget elementor-widget-text-editor\" data-id=\"3e251da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Explorez des villes embl\u00e9matiques et des destinations \u00e0 couper le souffle. Votre aventure inoubliable commence ici !<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-839d10d e-con-full e-flex e-con e-child\" data-id=\"839d10d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7eb727d elementor-widget elementor-widget-ucaddon_scroll_accordion\" data-id=\"7eb727d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_scroll_accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Scroll Accordion -->\n\t\t<link id='font-awesome-css' href='https:\/\/schirmacher-hf.de\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-all.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='font-awesome-4-shim-css' href='https:\/\/schirmacher-hf.de\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-v4-shims.min.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: Scroll Accordion *\/\n\n#uc_scroll_accordion_elementor_7eb727d {\n\twidth: 100%;\n\tmargin: 0 auto;\n\t--card-top-offset: 53px;\n    --card-height:600px;\n}\n\n@media (max-width: 1024px) {\n  #uc_scroll_accordion_elementor_7eb727d {\n\t--card-top-offset:  53px;\n    --card-height:500px;\n  }\n}\n@media (max-width: 767px) {\n  #uc_scroll_accordion_elementor_7eb727d {\n\t--card-top-offset:  53px;\n    --card-height:700px ;\n  }\n}\n\n#uc_scroll_accordion_elementor_7eb727d .ue_cards_wrapper {\n    padding-bottom: calc(4 * var(--card-top-offset)); \/* Make place at bottom, as items will slide to that position*\/\n  \tdisplay: grid;\n    justify-items: center;\n\tgrid-template-columns: 1fr;\n    grid-template-rows: repeat(4, var(--card-height));\n}\n\n#uc_scroll_accordion_elementor_7eb727d .ue_scroll_accordion_item {\n\t\/*position: sticky;*\/\/* will be enabled in js to allow calc of start position of the cards *\/\n\ttransform-origin: 50 0;\n\twill-change: transform;\n}\n\n#uc_scroll_accordion_elementor_7eb727d .ue_card_content {\n    height: var(--card-height);\n    min-height: var(--card-height);\n\toverflow: hidden;\n\tdisplay: flex;\n    flex-direction:column;\n\talign-items: stretch;\n    position:relative;\n}\n#uc_scroll_accordion_elementor_7eb727d .ue_accordion_heading{\n  display:flex;\n  flex-direction:row;\n  align-items:center;\n}\n#uc_scroll_accordion_elementor_7eb727d .ue_accordion_heading svg{\n  width:1em;\n  height:1em;\n}\n#uc_scroll_accordion_elementor_7eb727d .ue_content_wrapper {\n\tdisplay: flex;\n\talign-items: stretch;\n    position:relative;\n  height:100%;\n}\n#uc_scroll_accordion_elementor_7eb727d .ue_content_left {\n\tplace-self: center;\n\tdisplay: grid;\n    align-content: center;\n    flex-shrink: 0;\n    flex-grow:1;\n    }\n\n#uc_scroll_accordion_elementor_7eb727d .ue_card_content  figure {\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  overflow: hidden;\n  flex-grow: 1;\n  max-height:100%;\n}\n\n#uc_scroll_accordion_elementor_7eb727d .ue_sc_button {\n\tdisplay: inline-block;\n    height: fit-content;\n    overflow:hidden;\n}\n\n #uc_scroll_accordion_elementor_7eb727d .ue_sc_graphic_el{\n   display:flex;\n   justify-content:center;\n   align-content:center;\n   align-items:center;\n   overflow:hidden;\n }\n #uc_scroll_accordion_elementor_7eb727d .ue_sc_graphic_el svg{\n  width:1em;\n  height:1em;\n }\n\n\n\/* soft styles*\/\n.ue_sc_title {\n\tfont-weight: 300;\n\tfont-size: 2.4em;\n    line-height: 1.2;\n}\n\n.ue_sc_desc {\n\tfont-weight: 300;\n\tline-height: 1.42;\n}\n.ue_scroll_accordion_item {\n  width:100%;\n}\n.ue_card_content {\n\tbox-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.15);\n}\n\/* *\/\n\n\n#uc_scroll_accordion_elementor_7eb727d .ue_scroll_accordion_item.uc-item-error .ue_content_wrapper,\n#uc_scroll_accordion_elementor_7eb727d .ue_scroll_accordion_item.uc-item-message .ue_content_wrapper{\n  justify-content: center;\n  align-items: center;\n}\n#uc_scroll_accordion_elementor_7eb727d .uc-error{\n  color:red;\n  font-weight:500;\n}\n#uc_scroll_accordion_elementor_7eb727d .uc-message{\n  font-weight:500;\n}\n#uc_scroll_accordion_elementor_7eb727d .elementor-repeater-item-d21388e {\n  padding-top: calc(0 * var(--card-top-offset))!important;\n}\n#uc_scroll_accordion_elementor_7eb727d .elementor-repeater-item-e3ffa55 {\n  padding-top: calc(1 * var(--card-top-offset))!important;\n}\n#uc_scroll_accordion_elementor_7eb727d .elementor-repeater-item-92001ab {\n  padding-top: calc(2 * var(--card-top-offset))!important;\n}\n#uc_scroll_accordion_elementor_7eb727d .elementor-repeater-item-47a6b26 {\n  padding-top: calc(3 * var(--card-top-offset))!important;\n}\n\n\n<\/style>\n\n<div id=\"uc_scroll_accordion_elementor_7eb727d\" data-editor=\"no\" data-errors=\"false\" data-show-section=\"no\" class=\"ue_scroll_accordion_widget uc_creative_buttons\"   dir=\"ltr\">\n  <div class=\"ue_cards_wrapper uc-items-wrapper\" role=\"list\">\n    <div class=\"ue_scroll_accordion_item elementor-repeater-item-d21388e ueitem-1\" data-source=\"normal\" data-id=\"\" role=\"listitem\">\n  <div class=\"ue_card_content\" >\n    <div class=\"ue_accordion_heading\" role=\"heading\" tabindex=\"0\" aria-controls=\"uc_scroll_accordion_elementor_7eb727d_item1-content\"><img src='https:\/\/schirmacher-hf.de\/wp-content\/uploads\/2025\/11\/sydney-opera-house-svgrepo-com-1.svg' class='uc-svg-image'> Sydney - Le joyau de Down Under<\/div>\n\n          <div id=\"uc_scroll_accordion_elementor_7eb727d_item1-content\" class=\"ue_content_wrapper\" aria-expanded=\"false\" role=\"region\" aria-labelledby=\"uc_scroll_accordion_elementor_7eb727d_item1-heading\">\n        <div class=\"ue_content_left\">\n                      <div class=\"ue_sc_graphic_el\">\n                                          \ud83c\udfd6\ufe0f            <\/div>\n                    <div class=\"ue_sc_title\">Sydney, Australie<\/div>          <div class=\"ue_sc_desc\">Plongez au c\u0153ur de la ville embl\u00e9matique de l'Australie. De l'Op\u00e9ra \u00e0 la plage de Bondi, d\u00e9couvrez des sites \u00e0 couper le souffle, de la cuisine et des aventures inoubliables.<\/div>\t      <a href=\"#\"  class=\"ue_sc_button uc_button none\"><span>Explore More<\/span><\/a>        <\/div>\n\t    <figure><img decoding=\"async\" class=\"ue_sc_img\" src=\"https:\/\/schirmacher-hf.de\/wp-content\/uploads\/ac_assets\/scroll_accordion\/\/default\/placeholder.png\" alt=\"Description de l&#039;image\"  title=\"\"><\/figure>      <\/div>\n    \n      \n        \n  <\/div>\n<\/div>\n<div class=\"ue_scroll_accordion_item elementor-repeater-item-e3ffa55 ueitem-2\" data-source=\"normal\" data-id=\"\" role=\"listitem\">\n  <div class=\"ue_card_content\" >\n    <div class=\"ue_accordion_heading\" role=\"heading\" tabindex=\"0\" aria-controls=\"uc_scroll_accordion_elementor_7eb727d_item2-content\"><img src='https:\/\/schirmacher-hf.de\/wp-content\/uploads\/2025\/11\/tokyo-tower-svgrepo-com.svg' class='uc-svg-image'> Tokyo - Le c\u0153ur du Japon<\/div>\n\n          <div id=\"uc_scroll_accordion_elementor_7eb727d_item2-content\" class=\"ue_content_wrapper\" aria-expanded=\"false\" role=\"region\" aria-labelledby=\"uc_scroll_accordion_elementor_7eb727d_item2-heading\">\n        <div class=\"ue_content_left\">\n                      <div class=\"ue_sc_graphic_el\">\n                                          \ud83c\udf8e            <\/div>\n                    <div class=\"ue_sc_title\">Tokyo, Japon<\/div>          <div class=\"ue_sc_desc\">Immergez-vous dans les rues vibrantes de Tokyo. Des temples antiques aux gratte-ciel futuristes, d\u00e9couvrez une ville toujours en mouvement, pleine de culture et d'innovation.<\/div>\t      <a href=\"#\"  class=\"ue_sc_button uc_button none\"><span>Explore More<\/span><\/a>        <\/div>\n\t    <figure><img decoding=\"async\" class=\"ue_sc_img\" src=\"https:\/\/schirmacher-hf.de\/wp-content\/uploads\/ac_assets\/scroll_accordion\/\/default\/placeholder.png\" alt=\"Description de l&#039;image\"  title=\"\"><\/figure>      <\/div>\n    \n      \n        \n  <\/div>\n<\/div>\n<div class=\"ue_scroll_accordion_item elementor-repeater-item-92001ab ueitem-3\" data-source=\"normal\" data-id=\"\" role=\"listitem\">\n  <div class=\"ue_card_content\" >\n    <div class=\"ue_accordion_heading\" role=\"heading\" tabindex=\"0\" aria-controls=\"uc_scroll_accordion_elementor_7eb727d_item3-content\"><img src='https:\/\/schirmacher-hf.de\/wp-content\/uploads\/2025\/11\/eiffel-tower-svgrepo-com.svg' class='uc-svg-image'> Paris - La Ville Lumi\u00e8re<\/div>\n\n          <div id=\"uc_scroll_accordion_elementor_7eb727d_item3-content\" class=\"ue_content_wrapper\" aria-expanded=\"false\" role=\"region\" aria-labelledby=\"uc_scroll_accordion_elementor_7eb727d_item3-heading\">\n        <div class=\"ue_content_left\">\n                      <div class=\"ue_sc_graphic_el\">\n                                          \ud83d\uddfc            <\/div>\n                    <div class=\"ue_sc_title\">Paris, France<\/div>          <div class=\"ue_sc_desc\">Fl\u00e2nez dans les rues charmantes, admirez la Tour Eiffel et savourez une cuisine de classe mondiale. Paris offre une romance intemporelle et des exp\u00e9riences inoubliables.<\/div>\t      <a href=\"#\"  class=\"ue_sc_button uc_button none\"><span>Explore More<\/span><\/a>        <\/div>\n\t    <figure><img decoding=\"async\" class=\"ue_sc_img\" src=\"https:\/\/schirmacher-hf.de\/wp-content\/uploads\/ac_assets\/scroll_accordion\/\/default\/placeholder.png\" alt=\"Description de l&#039;image\"  title=\"\"><\/figure>      <\/div>\n    \n      \n        \n  <\/div>\n<\/div>\n<div class=\"ue_scroll_accordion_item elementor-repeater-item-47a6b26 ueitem-4\" data-source=\"normal\" data-id=\"\" role=\"listitem\">\n  <div class=\"ue_card_content\" >\n    <div class=\"ue_accordion_heading\" role=\"heading\" tabindex=\"0\" aria-controls=\"uc_scroll_accordion_elementor_7eb727d_item4-content\"><img src='https:\/\/schirmacher-hf.de\/wp-content\/uploads\/2025\/11\/statue-of-liberty-svgrepo-com.svg' class='uc-svg-image'> New York City - La Grosse Pomme<\/div>\n\n          <div id=\"uc_scroll_accordion_elementor_7eb727d_item4-content\" class=\"ue_content_wrapper\" aria-expanded=\"false\" role=\"region\" aria-labelledby=\"uc_scroll_accordion_elementor_7eb727d_item4-heading\">\n        <div class=\"ue_content_left\">\n                      <div class=\"ue_sc_graphic_el\">\n                                          \ud83c\udf06            <\/div>\n                    <div class=\"ue_sc_title\">New York, \u00c9tats-Unis<\/div>          <div class=\"ue_sc_desc\">D\u00e9couvrez des monuments embl\u00e9matiques, des rues bond\u00e9es et une culture locale vibrante. De Times Square \u00e0 Central Park, New York est un endroit vraiment inoubliable, comme aucun autre !<\/div>\t      <a href=\"#\"  class=\"ue_sc_button uc_button none\"><span>Explore More<\/span><\/a>        <\/div>\n\t    <figure><img decoding=\"async\" class=\"ue_sc_img\" src=\"https:\/\/schirmacher-hf.de\/wp-content\/uploads\/ac_assets\/scroll_accordion\/\/default\/placeholder.png\" alt=\"Description de l&#039;image\"  title=\"\"><\/figure>      <\/div>\n    \n      \n        \n  <\/div>\n<\/div>\n\n  <\/div>\n<\/div>\n<!-- end Scroll Accordion -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-82f0546 elementor-widget elementor-widget-spacer\" data-id=\"82f0546\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-188378b e-flex e-con-boxed e-con e-parent\" data-id=\"188378b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ef601e elementor-widget elementor-widget-ucaddon_ue_scroll_to_top\" data-id=\"7ef601e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_ue_scroll_to_top.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Scroll To Top -->\n\n<style>\/* widget: Scroll To Top *\/\n\n#uc_ue_scroll_to_top_elementor_7ef601e.ue-scroll-to {\n    display: flex;\n   z-index: auto;\n  \n}\n#uc_ue_scroll_to_top_elementor_7ef601e .ue-scroll-to-cta {\n  cursor: pointer;\n  display: flex;\n  position: relative;\n  transition: all 400ms ease-in-out;\n  align-content:center;\n  justify-content:center;\n  flex-direction:column;\n  text-align:center;\n}\n#uc_ue_scroll_to_top_elementor_7ef601e .ue-scroll-to-cta .ue-scroll-to-icon {\n  line-height:1em;\n  margin:0 auto;\n}\n\n#uc_ue_scroll_to_top_elementor_7ef601e .ue-scroll-to-cta .ue-scroll-to-icon svg {\n  height:1em; \n  width:1em; \n}\n\n.ue-scroll-to-cta \n#uc_ue_scroll_to_top_elementor_7ef601e .ue-scroll-to-icon {\n  position: relative;\n}\n\n#uc_ue_scroll_to_top_elementor_7ef601e .ue-scroll-to-icon:hover {\n  cursor: pointer;\n}\n.ue-snap-v-middle{\n  top:50%;\n}\n.ue-scroll-to-text\n{\n  font-size:10px;\n}\n\n\t\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\n<\/style>\n\n<div id=\"uc_ue_scroll_to_top_elementor_7ef601e\" class=\"ue-scroll-to ue-snap-v-bottom ue-snap-h-right\">\n      <div class=\"ue-scroll-to-cta none\">\n          <div class=\"ue-scroll-to-icon\"><i class='fas fa-arrow-up'><\/i><\/div>\n          \t\n      <\/div>\n<\/div>\n<!-- end Scroll To Top -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-55496c6 elementor-widget elementor-widget-text-editor\" data-id=\"55496c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Vous voulez revoir la d\u00e9mo ? Pas de probl\u00e8me ! Cliquez sur le bouton \u201aD\u00e9filement vers le haut\u2018 pour revenir au d\u00e9but et profiter \u00e0 nouveau de l'effet d'accord\u00e9on de d\u00e9filement tout en douceur.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Scroll down to experience the Scroll Accordion in action! Watch as the content unfolds with a smooth parallax effect, creating a dynamic sense of depth and interaction. Travel Destinations Explore iconic cities and breathtaking destinations. Your unforgettable adventure starts here! Sydney \u2013 Down Under\u2019s Gem \ud83c\udfd6\ufe0f Sydney, Australia Dive into the heart of Australia\u2019s iconic [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3733","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/schirmacher-hf.de\/fr\/wp-json\/wp\/v2\/pages\/3733","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/schirmacher-hf.de\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/schirmacher-hf.de\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/schirmacher-hf.de\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/schirmacher-hf.de\/fr\/wp-json\/wp\/v2\/comments?post=3733"}],"version-history":[{"count":0,"href":"https:\/\/schirmacher-hf.de\/fr\/wp-json\/wp\/v2\/pages\/3733\/revisions"}],"wp:attachment":[{"href":"https:\/\/schirmacher-hf.de\/fr\/wp-json\/wp\/v2\/media?parent=3733"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}