{"id":5328,"date":"2026-05-06T12:00:06","date_gmt":"2026-05-06T12:00:06","guid":{"rendered":"https:\/\/andaluzia.es\/?page_id=5328"},"modified":"2026-05-07T06:58:31","modified_gmt":"2026-05-07T06:58:31","slug":"prueba-scroll-horizontal","status":"publish","type":"page","link":"https:\/\/andaluzia.es\/es_es\/prueba-scroll-horizontal\/","title":{"rendered":"Prueba scroll horizontal"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5328\" class=\"elementor elementor-5328\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3077131 e-flex e-con-boxed e-con e-parent\" data-id=\"3077131\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0675301 e-con-full horizontal-section e-flex e-con e-parent\" data-id=\"0675301\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-114cb97 horizontal-sticky e-flex e-con-boxed e-con e-child\" data-id=\"114cb97\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b460edd e-con-full horizontal-track e-flex e-con e-child\" data-id=\"b460edd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2613b05 e-con-full horizontal-card e-flex e-con e-child\" data-id=\"2613b05\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-44202dc e-con-full horizontal-card e-flex e-con e-child\" data-id=\"44202dc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e790925 e-con-full horizontal-card e-flex e-con e-child\" data-id=\"e790925\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2af59b3 e-con-full horizontal-card e-flex e-con e-child\" data-id=\"2af59b3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5f61404 e-con-full horizontal-card e-flex e-con e-child\" data-id=\"5f61404\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-33ff6d7 e-con-full horizontal-card e-flex e-con e-child\" data-id=\"33ff6d7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5d91c5c e-con-full horizontal-card e-flex e-con e-child\" data-id=\"5d91c5c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\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\t\t<div class=\"elementor-element elementor-element-0d87d39 elementor-widget elementor-widget-html\" data-id=\"0d87d39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const section = document.querySelector(\".horizontal-section\");\n  const sticky = document.querySelector(\".horizontal-sticky\");\n  const track = document.querySelector(\".horizontal-track\");\n\n  if (!section || !sticky || !track) return;\n\n  let currentX = 0;\n  let targetX = 0;\n\n  function updateHorizontalScroll() {\n    const scrollY = window.scrollY;\n    const sectionTop = section.offsetTop;\n    const sectionHeight = section.offsetHeight;\n    const viewportHeight = window.innerHeight;\n\n    const start = sectionTop;\n    const end = sectionTop + sectionHeight - viewportHeight;\n\n    const extraEndSpace = 160;\n    const maxMove = track.scrollWidth - window.innerWidth + extraEndSpace;\n\n    if (scrollY < start) {\n      sticky.classList.remove(\"is-fixed\", \"is-bottom\");\n      targetX = 0;\n      return;\n    }\n\n    if (scrollY >= start && scrollY <= end) {\n      sticky.classList.add(\"is-fixed\");\n      sticky.classList.remove(\"is-bottom\");\n\n      let progress = (scrollY - start) \/ (end - start);\n      progress = Math.max(0, Math.min(1, progress));\n\n      targetX = -progress * maxMove;\n      return;\n    }\n\n    if (scrollY > end) {\n      sticky.classList.remove(\"is-fixed\");\n      sticky.classList.add(\"is-bottom\");\n      targetX = -maxMove;\n    }\n  }\n\n  function animate() {\n    currentX += (targetX - currentX) * 0.08;\n    track.style.transform = \"translate3d(\" + currentX + \"px, 0, 0)\";\n    requestAnimationFrame(animate);\n  }\n\n  window.addEventListener(\"scroll\", updateHorizontalScroll);\n  window.addEventListener(\"resize\", updateHorizontalScroll);\n\n  updateHorizontalScroll();\n  animate();\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5328","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/andaluzia.es\/es_es\/wp-json\/wp\/v2\/pages\/5328","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/andaluzia.es\/es_es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/andaluzia.es\/es_es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/andaluzia.es\/es_es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/andaluzia.es\/es_es\/wp-json\/wp\/v2\/comments?post=5328"}],"version-history":[{"count":61,"href":"https:\/\/andaluzia.es\/es_es\/wp-json\/wp\/v2\/pages\/5328\/revisions"}],"predecessor-version":[{"id":5390,"href":"https:\/\/andaluzia.es\/es_es\/wp-json\/wp\/v2\/pages\/5328\/revisions\/5390"}],"wp:attachment":[{"href":"https:\/\/andaluzia.es\/es_es\/wp-json\/wp\/v2\/media?parent=5328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}