{"id":7628,"date":"2026-04-15T14:20:45","date_gmt":"2026-04-15T14:20:45","guid":{"rendered":"https:\/\/femaindustry.com\/?page_id=7628"},"modified":"2026-05-11T15:16:38","modified_gmt":"2026-05-11T15:16:38","slug":"layout","status":"publish","type":"page","link":"https:\/\/femaindustry.com\/en\/layout\/","title":{"rendered":"layout"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"7628\" class=\"elementor elementor-7628\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-180f7fa e-flex e-con-boxed e-con e-parent\" data-id=\"180f7fa\" 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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1bbc8c2 e-flex e-con-boxed e-con e-parent\" data-id=\"1bbc8c2\" 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-853361d elementor-widget elementor-widget-html\" data-id=\"853361d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  #layout-section {\r\n    height: 400vh;\r\n    position: relative;\r\n  }\r\n\r\n  #layout-sticky {\r\n    position: sticky;\r\n    top: 76px;\r\n    height: calc(100vh - 76px);\r\n    width: 100%;\r\n    overflow: hidden;\r\n  }\r\n\r\n  #layout-sticky img {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: none;\r\n  }\r\n\r\n  #layout-img1 { opacity: 1; }\r\n  #layout-img2 { opacity: 0; }\r\n<\/style>\r\n\r\n<div id=\"layout-section\">\r\n  <div id=\"layout-sticky\">\r\n    <img decoding=\"async\" id=\"layout-img1\" src=\"https:\/\/femaindustry.com\/wp-content\/uploads\/2026\/01\/001-02-scaled.png\">\r\n    <img decoding=\"async\" id=\"layout-img2\" src=\"https:\/\/femaindustry.com\/wp-content\/uploads\/2026\/04\/layout3.webp\">\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  const section = document.getElementById('layout-section');\r\n  const img1 = document.getElementById('layout-img1');\r\n  const img2 = document.getElementById('layout-img2');\r\n\r\n  function lerp(a, b, t) { return a + (b - a) * t; }\r\n\r\n  let current1 = 1, current2 = 0;\r\n  let target1 = 1, target2 = 0;\r\n\r\n  function onScroll() {\r\n    const rect = section.getBoundingClientRect();\r\n    const total = section.offsetHeight - window.innerHeight;\r\n    const scrolled = -rect.top;\r\n    const progress = Math.max(0, Math.min(1, scrolled \/ total));\r\n\r\n    \/\/ crossfade: img1 sfuma tra 0% e 50%, img2 appare tra 30% e 80%\r\n    target1 = progress < 0.5 ? 1 - (progress \/ 0.5) : 0;\r\n    target2 = progress < 0.3 ? 0 : Math.min(1, (progress - 0.3) \/ 0.5);\r\n  }\r\n\r\n  function tick() {\r\n    current1 += (target1 - current1) * 0.08;\r\n    current2 += (target2 - current2) * 0.08;\r\n    img1.style.opacity = current1;\r\n    img2.style.opacity = current2;\r\n    requestAnimationFrame(tick);\r\n  }\r\n\r\n  window.addEventListener('scroll', onScroll, { passive: true });\r\n  onScroll();\r\n  tick();\r\n})();\r\n<\/script>\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-7556561 e-flex e-con-boxed e-con e-parent\" data-id=\"7556561\" 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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-7628","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/femaindustry.com\/en\/wp-json\/wp\/v2\/pages\/7628","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/femaindustry.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/femaindustry.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/femaindustry.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/femaindustry.com\/en\/wp-json\/wp\/v2\/comments?post=7628"}],"version-history":[{"count":244,"href":"https:\/\/femaindustry.com\/en\/wp-json\/wp\/v2\/pages\/7628\/revisions"}],"predecessor-version":[{"id":8854,"href":"https:\/\/femaindustry.com\/en\/wp-json\/wp\/v2\/pages\/7628\/revisions\/8854"}],"wp:attachment":[{"href":"https:\/\/femaindustry.com\/en\/wp-json\/wp\/v2\/media?parent=7628"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}