{"id":2,"date":"2025-11-19T13:02:14","date_gmt":"2025-11-19T13:02:14","guid":{"rendered":"https:\/\/xn--sphlbohrungen-xob.ch\/?page_id=2"},"modified":"2025-11-20T14:07:24","modified_gmt":"2025-11-20T14:07:24","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/xn--splbohrungen-elb.ch\/","title":{"rendered":"scrollytelling"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\">\n\t\t\t\t<div class=\"elementor-element elementor-element-178695e e-con-full e-flex e-con e-parent\" data-id=\"178695e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95af122 elementor-widget elementor-widget-html\" data-id=\"95af122\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"video-container\">\n    <video id=\"scrolly-video\"\n           src=\"https:\/\/xn--splbohrungen-elb.ch\/wp-content\/uploads\/videos\/scrollytelling-schenk-ag.mp4\"\n           preload=\"auto\"\n           muted\n           playsinline><\/video>\n<\/section>\n\n<div class=\"scrolly-spacer\"><\/div>\n\n<style>\n    html, body {\n        margin: 0;\n        padding: 0;\n        height: 100%;\n        \/* 'overflow: hidden' ENTFERNEN! Wir wollen scrollen! *\/\n        background: black;\n    }\n    \n    .video-container {\n        position: fixed; \/* Video bleibt im Viewport fixiert *\/\n        top: 0;\n        left: 0;\n        width: 100vw;\n        height: 100vh;\n        overflow: hidden;\n  \n    }\n\n    .video-container video {\n        position: absolute;\n        top: 0;\n        left: 50%;\n        transform: translateX(-50%);\n        height: 100vh;\n        width: auto;\n        min-width: 100%;\n        object-fit: cover;\n        pointer-events: none;\n    }\n\n    \/* Der Spacer-Bereich, der Scrollen erzeugt. *\/\n    \/* Die H\u00f6he muss dem Video-Inhalt entsprechen (z.B. 20x Viewport-H\u00f6he) *\/\n    .scrolly-spacer {\n        height: 2000vh; \/* Z.B. 20 volle Viewports zum Scrollen *\/\n        background: transparent; \/* Unsichtbar *\/\n        pointer-events: none;\n    }\n<\/style>\n<script>\n    const video = document.getElementById('scrolly-video');\n    const spacer = document.querySelector('.scrolly-spacer');\n    const SCROLL_DURATION_VH = 2000; \/\/ Muss zur CSS-H\u00f6he passen (hier 2000vh)\n\n    video.addEventListener('loadedmetadata', () => {\n        const duration = video.duration;\n\n        window.addEventListener('scroll', () => {\n            \/\/ Gesamth\u00f6he des Dokuments (Scroll-H\u00f6he)\n            const maxScroll = spacer.clientHeight - window.innerHeight;\n\n            \/\/ Aktuelle Scroll-Position (0 bis maxScroll)\n            const currentScroll = window.scrollY;\n\n            \/\/ Berechne den Fortschritt (0 bis 1)\n            let progress = currentScroll \/ maxScroll;\n            progress = Math.max(0, Math.min(1, progress));\n\n            \/\/ Setze die Zeit des Videos direkt (kein Gl\u00e4tten n\u00f6tig,\n            \/\/ da der Browser das Scrollen schon gl\u00e4ttet)\n            video.currentTime = duration * progress;\n        });\n    });\n<\/script>\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":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>scrollytelling - Schenk AG<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"scrollytelling - Schenk AG\" \/>\n<meta property=\"og:url\" content=\"https:\/\/xn--splbohrungen-elb.ch\/\" \/>\n<meta property=\"og:site_name\" content=\"Schenk AG\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-20T14:07:24+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"2\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/xn--splbohrungen-elb.ch\/\",\"url\":\"https:\/\/xn--splbohrungen-elb.ch\/\",\"name\":\"scrollytelling - Schenk AG\",\"isPartOf\":{\"@id\":\"https:\/\/xn--splbohrungen-elb.ch\/#website\"},\"datePublished\":\"2025-11-19T13:02:14+00:00\",\"dateModified\":\"2025-11-20T14:07:24+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/xn--splbohrungen-elb.ch\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/xn--splbohrungen-elb.ch\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/xn--splbohrungen-elb.ch\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\/\/xn--splbohrungen-elb.ch\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"scrollytelling\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/xn--splbohrungen-elb.ch\/#website\",\"url\":\"https:\/\/xn--splbohrungen-elb.ch\/\",\"name\":\"Schenk AG\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/xn--splbohrungen-elb.ch\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"scrollytelling - Schenk AG","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"de_DE","og_type":"article","og_title":"scrollytelling - Schenk AG","og_url":"https:\/\/xn--splbohrungen-elb.ch\/","og_site_name":"Schenk AG","article_modified_time":"2025-11-20T14:07:24+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/xn--splbohrungen-elb.ch\/","url":"https:\/\/xn--splbohrungen-elb.ch\/","name":"scrollytelling - Schenk AG","isPartOf":{"@id":"https:\/\/xn--splbohrungen-elb.ch\/#website"},"datePublished":"2025-11-19T13:02:14+00:00","dateModified":"2025-11-20T14:07:24+00:00","breadcrumb":{"@id":"https:\/\/xn--splbohrungen-elb.ch\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/xn--splbohrungen-elb.ch\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/xn--splbohrungen-elb.ch\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/xn--splbohrungen-elb.ch\/"},{"@type":"ListItem","position":2,"name":"scrollytelling"}]},{"@type":"WebSite","@id":"https:\/\/xn--splbohrungen-elb.ch\/#website","url":"https:\/\/xn--splbohrungen-elb.ch\/","name":"Schenk AG","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/xn--splbohrungen-elb.ch\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"_links":{"self":[{"href":"https:\/\/xn--splbohrungen-elb.ch\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xn--splbohrungen-elb.ch\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xn--splbohrungen-elb.ch\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xn--splbohrungen-elb.ch\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xn--splbohrungen-elb.ch\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":22,"href":"https:\/\/xn--splbohrungen-elb.ch\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":32,"href":"https:\/\/xn--splbohrungen-elb.ch\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/32"}],"wp:attachment":[{"href":"https:\/\/xn--splbohrungen-elb.ch\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}