CINXE.COM

The page could not be found. 路 PETRA IV

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <base href="https://petra4.desy.de/404/index_eng.html" /> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="https://petra4.desy.de/common/vendor/bootstrap/5.1.3/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="https://petra4.desy.de/theme_petra4/assets/css/vendor/flickity.css"/> <link rel="stylesheet" type="text/css" href="https://petra4.desy.de/theme_petra4/assets/css/fonts.css"/> <link rel="stylesheet" type="text/css" href="https://petra4.desy.de/theme_petra4/assets/css/agency.css"/> <link rel="stylesheet" type="text/css" href="https://petra4.desy.de/theme_petra4/assets/css/style.css"/> <link rel="stylesheet" type="text/css" media="print" href="https://petra4.desy.de/theme_petra4/assets/css/print.css"/> <link rel="stylesheet" type="text/css" href="/++resource++zmi/fontawesome-free-5.15.2/css/all.css" /> <link rel="icon" type="image/png" href="https://petra4.desy.de/theme_petra4/assets/favicon.png"> <!--title tal:content="python:zmscontext.attr('title').replace('&amp;nbsp;',chr(32))">THE TITLE</title--> <title>The page could not be found. 路 PETRA IV</title> <!-- Matomo --> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(["setDoNotTrack", true]); _paq.push(["disableCookies"]); _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://matomo.desy.de/piwik/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '426']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <!-- End Matomo Code --> </head> <body class="web" id="e4388" data-sg-background="" data-current-page="https://petra4.desy.de/404/index_eng.html"> <header id="site-header"> <div class="container mt-3 mt-md-5 g-sm-0"> <div class="row align-items-center"> <div class="col-auto"> <div class="sg-site-header-logo"> <a href="https://petra4.desy.de/index_eng.html"> <img alt="" src="https://petra4.desy.de/theme_petra4/assets/img/logos/PETRA_IV_Schriftzug_RGB_2021_1.svg"> </a> </div> </div> <div class="col"> <div class="row"> <div class="col d-flex align-items-center justify-content-end"> <nav class="sg-nav-secondary d-none d-md-block" aria-label="Secondary navigation"> <ul class="nav"> <li class="nav-item"> <a href="https://petra4.desy.de/faq/index_eng.html" data-current="https://petra4.desy.de/404/index_eng.html" class="nav-link ">FAQ</a> </li> <li class="nav-item"> <a href="https://petra4.desy.de/press/index_eng.html" data-current="https://petra4.desy.de/404/index_eng.html" class="nav-link ">Press</a> </li> </ul> </nav> </div> <div class="col-auto d-flex align-items-center justify-content-end"> <button class="sg-offcanvas-trigger button--transparent" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight"> <img alt="" src="https://petra4.desy.de/theme_petra4/assets/img/icons/menu-bars.svg"> <span class="visually-hidden">Menu</span> </button> </div> </div> </div> <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasRight" aria-labelledby="mainMenuLabel"> <div class="offcanvas-header"> <h2 id="mainMenuLabel" class="visually-hidden">Navigation</h2> <img alt="Logo Petra IV" class="offcanvas-logo" src="https://petra4.desy.de/theme_petra4/assets/img/logos/PETRA_IV_Schriftzug_RGB_2021--white.svg" /> <button type="button" class="btn-close btn-close-white text-reset mt-1" data-bs-dismiss="offcanvas" aria-label="Close"></button> </div> <div class="offcanvas-body"> <nav class="sg-main-navigation" aria-label="Main"> <!--tal:block tal:on-error="string:Main menu not available" tal:content="structure python:context.getMainNav_bs5(zmscontext, local_assets)"></tal:block--> <ul id="mainmenu" class="main-menu list-unstyled accordion accordion-flush"> <li class="e3180 inactive topicDetailPage0 childpages"><a href="https://petra4.desy.de/petra_iv/index_eng.html" title="Accelerate progress" class="e3180 inactive topicDetailPage0 childpages"><span>PETRA IV</span></a><ul> <li class="e19015 inactive topicDetailPage0"><a href="https://petra4.desy.de/petra_iv/excellent_research/index_eng.html" title="That's why we need PETRA&nbsp;IV" class="e19015 inactive topicDetailPage0"><span>Excellent Research</span></a></li> <li class="e3181 inactive topicDetailPage0 childpages"><a href="https://petra4.desy.de/petra_iv/accelerators/index_eng.html" title="Accelerator" class="e3181 inactive topicDetailPage0 childpages"><span>Accelerators</span></a></li> <li class="e9679 inactive topicDetailPage0 childpages"><a href="https://petra4.desy.de/petra_iv/accelerators/index_eng.html" title="Accelerator" class="e9679 inactive topicDetailPage0 childpages"><span>Accelerators</span></a></li> <li class="e3189 inactive topicDetailPage0 childpages"><a href="https://petra4.desy.de/petra_iv/beamlines/index_eng.html" title="Beamlines" class="e3189 inactive topicDetailPage0 childpages"><span>Beamlines</span></a></li> <li class="e3450 inactive topicDetailPage0"><a href="https://petra4.desy.de/petra_iv/users_and_industry/index_eng.html" title="Partner for research and industry" class="e3450 inactive topicDetailPage0"><span>Users and industry</span></a></li> <li class="e3396 inactive topicDetailPage0"><a href="https://petra4.desy.de/petra_iv/partners/index_eng.html" title="Partners" class="e3396 inactive topicDetailPage0"><span>Partners</span></a></li> <li class="e3244 inactive topicDetailPage0"><a href="https://petra4.desy.de/petra_iv/faq/index_eng.html" title="FAQ" class="e3244 inactive topicDetailPage0"><span>FAQ</span></a></li> <li class="e3307 inactive topicDetailPage0"><a href="https://petra4.desy.de/petra_iv/contact_us/index_eng.html" title="Contact us" class="e3307 inactive topicDetailPage0"><span>Contact us</span></a></li> </ul> </li> <li class="e3326 inactive topicDetailPage0 childpages"><a href="https://petra4.desy.de/research/index_eng.html" title="Research" class="e3326 inactive topicDetailPage0 childpages"><span>Research</span></a><ul> <li class="e3330 inactive topicDetailPage0 childpages"><a href="https://petra4.desy.de/research/healthcare/index_eng.html" title="Healthcare" class="e3330 inactive topicDetailPage0 childpages"><span>Healthcare</span></a></li> <li class="e3337 inactive topicDetailPage0 childpages"><a href="https://petra4.desy.de/research/new_materials/index_eng.html" title="New materials" class="e3337 inactive topicDetailPage0 childpages"><span>New Materials</span></a></li> <li class="e3345 inactive topicDetailPage0 childpages"><a href="https://petra4.desy.de/research/energy/index_eng.html" title="Energy" class="e3345 inactive topicDetailPage0 childpages"><span>Energy</span></a></li> <li class="e3352 inactive topicDetailPage0 childpages"><a href="https://petra4.desy.de/research/new_technologies/index_eng.html" title="New technologies" class="e3352 inactive topicDetailPage0 childpages"><span>New technologies</span></a></li> <li class="e3358 inactive topicDetailPage0 childpages"><a href="https://petra4.desy.de/research/earth_and_the_environment/index_eng.html" title="Earth and the environment" class="e3358 inactive topicDetailPage0 childpages"><span>Earth and the environment</span></a></li> <li class="e3370 inactive topicDetailPage0 childpages"><a href="https://petra4.desy.de/research/cultural_heritage/index_eng.html" title="Cultural heritage" class="e3370 inactive topicDetailPage0 childpages"><span>Cultural heritage</span></a></li> </ul> </li> <li class="e6633 inactive topicDetailPage0 childpages"><a href="https://petra4.desy.de/transfer_and_innovation/index_eng.html" title="Transfer and innovation" class="e6633 inactive topicDetailPage0 childpages"><span>Transfer and Innovation</span></a><ul> <li class="e16597 inactive topicDetailPage0"><a href="https://petra4.desy.de/transfer_and_innovation/science_briefing/index_eng.html" title="DESY is ready for the future" class="e16597 inactive topicDetailPage0"><span>Science Briefing</span></a></li> <li class="e17452 inactive topicDetailPage0 childpages"><a href="https://petra4.desy.de/transfer_and_innovation/sustainability/index_eng.html" title="Accelerating sustainability" class="e17452 inactive topicDetailPage0 childpages"><span>Sustainability</span></a></li> </ul> </li> <li class="e3842 inactive newsIndexPage0 childpages"><a href="https://petra4.desy.de/news/index_eng.html" title="News" class="e3842 inactive newsIndexPage0 childpages"><span>News</span></a><ul> <li class="inactive"> <a href="https://petra4.desy.de/news/index_eng.html?year=2025" title="2025" class="inactive"> <span>2025</span> </a></li> <li class="inactive"> <a href="https://petra4.desy.de/news/index_eng.html?year=2024" title="2024" class="inactive"> <span>2024</span> </a></li> <li class="inactive"> <a href="https://petra4.desy.de/news/index_eng.html?year=2023" title="2023" class="inactive"> <span>2023</span> </a></li> <li class="inactive"> <a href="https://petra4.desy.de/news/index_eng.html?year=2022" title="2022" class="inactive"> <span>2022</span> </a></li> <li class="inactive"> <a href="https://petra4.desy.de/news/index_eng.html?year=2021" title="2021" class="inactive"> <span>2021</span> </a></li> <li class="inactive"> <a href="https://petra4.desy.de/news/index_eng.html?year=2020" title="2020" class="inactive"> <span>2020</span> </a></li></ul></li> <li class="e3384 inactive topicDetailPage0 childpages"><a href="https://petra4.desy.de/location/index_eng.html" title="Location" class="e3384 inactive topicDetailPage0 childpages"><span>Location</span></a><ul> <li class="e3386 inactive topicDetailPage0"><a href="https://petra4.desy.de/location/good_neighbourliness/index_eng.html" title="Good neighbourliness" class="e3386 inactive topicDetailPage0"><span>Good neighbourliness</span></a></li> <li class="e3388 inactive topicDetailPage0"><a href="https://petra4.desy.de/location/construction_project/index_eng.html" title="Construction project" class="e3388 inactive topicDetailPage0"><span>Construction Project</span></a></li> </ul> </li> </ul> </nav> <!-- Sprachumschalter im Hauptmen眉 --> <nav class="sg-langauge-switch-nav" aria-label="Language Switch"> <ul class="sg-language-switch list-unstyled list-inline"> <li class="list-inline-item me-4 "> <a aria-label="Deutsch ausw盲hlen" href="https://petra4.desy.de/404/index_ger.html" title="Deutsch">Deutsch</a> </li> <li class="list-inline-item me-4 active"> English </li> </ul> </nav> </div> </div> <!-- /offcanvas --> </div> <!-- /row --> </div> </header> <!-- Page Komponente Video/ Image Background (default) --> <!--div tal:condition="not:is_home" class="image-background" tal:attributes="style python:'background-image:url(' + local_assets + '/img/bg-swoosh.png);;'"> <img alt="" tal:attributes="src python:'%s/img/bg-swoosh.png'%(local_assets)"> </div--> <!-- Page Components --> <main class="content-main"> <!-- topicDetailPage --> <!-- PAGE HEADER --> <div class="image-background" style="background-image:url(/sites/desy/microsites/petra-4/content/e2930/e2931/e2934/bg-swoosh_edtd_ger.jpg)"> <img src="/sites/desy/microsites/petra-4/content/e2930/e2931/e2934/bg-swoosh_edtd_ger.jpg" alt=""> </div> <div class="container sg-content-offset-top mb-5"> <div class="row"> <div class="col-10 col-sm-12 col-lg-10 col-xxl-10 m-auto g-0"> <div class="row"> <div class="col-12 col-sm-10"> <h1>The page could not be found.</h1> <p class="">If you wish to go to another page, please see the page navigation ahead or below.</p> </div> </div> </div> </div> </div> <!--LOOP THROUGH ALL PAGE ELEMENTS --> <!-- /topicDetailPage --> </main> <footer class="sg-site-footer"> <div class="container"> <div class="row"> <div class="col-10 col-sm-12 col-lg-10 col-xxl-10 m-auto g-sm-0 pb-3 pt-3"> <div class="row"> <div class="col-md-4 mt-5"> <div class="sg-site-footer-logo"> <a href="https://petra4.desy.de/index_eng.html"> <img alt="" src="https://petra4.desy.de/theme_petra4/assets/img/logos/PETRA_IV_Schriftzug_RGB_2021_1.svg"> </a> </div> <div> <ul class="list-unstyled"> <li> <ul class="sg-language-switch list-unstyled list-inline pb-4"> <li class="list-inline-item me-4 "> <a aria-label="Deutsch ausw盲hlen" href="https://petra4.desy.de/404/index_ger.html" title="Deutsch">DE<span class="visually-hidden">Deutsch</span> </a> </li> <li class="list-inline-item me-4 active"> <a aria-label="Select English" href="https://petra4.desy.de/404/index_eng.html" title="English">EN<span class="visually-hidden">English</span> </a> </li> </ul> </li> <li class="py-3"> <a href="//www.desy.de/imprint/index_eng.html" target="_blank">Imprint</a> </li> <li class="py-3"> <a href="https://petra4.desy.de/media_credits/index_eng.html" class="">Media Credits</a> </li> <li class="py-3"> <a href="//www.desy.de/data_privacy_policy/index_eng.html" target="_blank">Data Privacy Policy</a> </li> <li class="py-3"> <a href="//www.desy.de/declaration_of_accessibility/index_eng.html" target="_blank">Declaration of Accessibility</a> </li> </ul> </div> </div> <div class="col-md-4 mt-5"> <div> <ul class="list-unstyled"> <li> <a href="https://petra4.desy.de/petra_iv/index_eng.html" data-current="https://petra4.desy.de/404/index_eng.html" class="mb-4 ">About PETRA&nbsp;IV</a> <p>DESY is converting the PETRA&nbsp;III X-ray light source into the ultimate 4D X-ray microscope, offering worldwide unparalleled analysis capabilities.</p> </li> <li> <a href="https://petra4.desy.de/research/index_eng.html" data-current="https://petra4.desy.de/404/index_eng.html" class="mb-4 ">Research</a> <p>New insights can be gained that contribute to the development of materials and technologies of the future.</p> </li> <li> <a href="https://petra4.desy.de/news/index_eng.html" data-current="https://petra4.desy.de/404/index_eng.html" class="mb-4 ">News</a> <p>Research news and project developments.</p> </li> <li> <a href="https://petra4.desy.de/location/index_eng.html" data-current="https://petra4.desy.de/404/index_eng.html" class="mb-4 ">Location</a> <p>The research campus in the west of Hamburg will be part of the Science City Hamburg Bahrenfeld.</p> </li> </ul> </div> </div> <div class="col-md-4 mt-5 ps-md-5"> <div class="footer-grid"> <ul class="box1 list-unstyled col-12 col-sm-6 mb-0"> <li class="py-3"> <a href="https://petra4.desy.de/faq/index_eng.html" class="">FAQ</a> </li> <li class="py-3"> <a href="https://petra4.desy.de/transfer_and_innovation/index_eng.html" class="">Transfer</a> </li> <li class="py-3"> <a href="https://petra4.desy.de/press/index_eng.html" class="">Press</a> </li> </ul> <ul class="box2 list-unstyled col-6 mb-0"> <li class="py-3"> <a href="https://petra4.desy.de/glossary/index_eng.html" class="">Glossary</a> </li> <li class="py-3"> <a href="https://petra4.desy.de/petra_iv/contact_us/index_eng.html" class="">Contact</a> </li> </ul> <div class="box3 col-12 text-center my-5"> <a href="//desy.de" target="_blank"> <img alt="" src="https://petra4.desy.de/theme_petra4/assets/img/logos/desy-circle.svg"> </a> </div> <ul class="box4 list-unstyled list-inline col-12 text-center"> <!-- <li class="list-inline-item py-2 px-2"> <a href="https://www.desy.de/facebook" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> <path d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z" /> </svg> </a> </li> <li class="list-inline-item py-2 px-2"> <a href="https://www.desy.de/twitter" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> <path d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6-37.2 0-71.7-10.8-100.7-29.4 5.3.6 10.4.8 15.8.8 30.7 0 58.9-10.4 81.4-28-28.8-.6-53-19.5-61.3-45.5 10.1 1.5 19.2 1.5 29.6-1.2-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3a65.447 65.447 0 0 1-29.2-54.6c0-12.2 3.2-23.4 8.9-33.1 32.3 39.8 80.8 65.8 135.2 68.6-9.3-44.5 24-80.6 64-80.6 18.9 0 35.9 7.9 47.9 20.7 14.8-2.8 29-8.3 41.6-15.8-4.9 15.2-15.2 28-28.8 36.1 13.2-1.4 26-5.1 37.8-10.2-8.9 13.1-20.1 24.7-32.9 34z" /> </svg> </a> </li> --> <li class="list-inline-item py-2 px-2"> <a href="https://de.linkedin.com/company/desy" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> <path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" /> </svg> </a> </li> <li class="list-inline-item py-2 ps-sm-2"> <a href="mailto:p4-project-office@desy.de"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M176 216h160c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16H176c-8.84 0-16 7.16-16 16v16c0 8.84 7.16 16 16 16zm-16 80c0 8.84 7.16 16 16 16h160c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16H176c-8.84 0-16 7.16-16 16v16zm96 121.13c-16.42 0-32.84-5.06-46.86-15.19L0 250.86V464c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V250.86L302.86 401.94c-14.02 10.12-30.44 15.19-46.86 15.19zm237.61-254.18c-8.85-6.94-17.24-13.47-29.61-22.81V96c0-26.51-21.49-48-48-48h-77.55c-3.04-2.2-5.87-4.26-9.04-6.56C312.6 29.17 279.2-.35 256 0c-23.2-.35-56.59 29.17-73.41 41.44-3.17 2.3-6 4.36-9.04 6.56H96c-26.51 0-48 21.49-48 48v44.14c-12.37 9.33-20.76 15.87-29.61 22.81A47.995 47.995 0 0 0 0 200.72v10.65l96 69.35V96h320v184.72l96-69.35v-10.65c0-14.74-6.78-28.67-18.39-37.77z" /> </svg> </a> </li> </ul> </div> </div> </div> <div class="row"> <div class="mt-3"> <p>漏 2022, Deutsches Elektronen-Synchrotron DESY</p> </div> </div> </div> </div> <!-- /row --> </div> <div class="sg-footer-logos"> <div class="container"> <div class="row"> <div class="col-12 col-lg-10 col-xxl-10 m-auto g-sm-0"> <ul class="list-unstyled m-auto col-12 align-items-center g-sm-0"> <!--li class="col"> <img alt="" tal:attributes="src python:'%s/img/logos/CSSB_Vektor-01.svg'%(local_assets)"> </li> <li class="col"> <img alt="" tal:attributes="src python:'%s/img/logos/EMBL.svg'%(local_assets)"> </li--> <li class="col"> <a href="https://helmholtz.de/" target="_blank"> <img alt="" src="https://petra4.desy.de/theme_petra4/assets/img/logos/helmholz.svg"> </a> </li> <!--li class="col"> <img alt="" tal:attributes="src python:'%s/img/logos/hereon_Logo_quer.svg'%(local_assets)"> </li> <li class="col"> <img alt="" tal:attributes="src python:'%s/img/logos/ScienceCity.svg'%(local_assets)"> </li--> </ul> </div> </div> </div> </div> </footer> <div id="top-button" class="hide"> <a href="#top" class="sg-icon-up"> <span class="visuallyhidden">Zum Seitenanfang</span> </a> </div> <script> (function(){ var doc = document.documentElement; var winheight = window.innerHeight; var curScroll; var topButton = document.getElementById("top-button"); var fadeTopButton = function() { curScroll = window.scrollY || doc.scrollTop; if (curScroll > winheight) { topButton.classList.remove('hide'); } else if (curScroll < winheight) { topButton.classList.add('hide'); } }; window.addEventListener('scroll', fadeTopButton); })(); </script> <script type="text/javascript" src="https://petra4.desy.de/common/vendor/jquery/jquery-3.7.0.min.js "></script> <script type="text/javascript" src="https://petra4.desy.de/common/vendor/bootstrap/5.1.3/bootstrap.bundle.min.js"></script> <script type="text/javascript" src="https://petra4.desy.de/theme_petra4/assets/js/vendor/flickity.pkgd.min.js"></script> <script type="text/javascript" src="https://petra4.desy.de/theme_petra4/assets/js/main.js"></script> <script type="text/javascript" src="/++resource++zms_/zmi.js"></script> <script type="text/javascript" src="/++resource++zms_/zmi.core.js"></script> <script type="text/javascript" src="/++resource++zms_/ZMS/zmi_body_content_search.js"></script> <script> // Toggle header visibility on scroll (function(){ var header = document.getElementById('site-header'); var headerHeight = header.offsetHeight; var doc = document.documentElement; var w = window; var prevScroll = w.scrollY || doc.scrollTop; var curScroll; var direction = 0; var prevDirection = 0; var checkScroll = function() { /* ** Find the direction of scroll ** 0 - initial, 1 - up, 2 - down */ curScroll = w.scrollY || doc.scrollTop; if (curScroll > prevScroll) { //scrolled up direction = 2; } else if (curScroll < prevScroll) { //scrolled down direction = 1; } if (direction !== prevDirection) { toggleHeader(direction, curScroll); } prevScroll = curScroll; if(direction) { if(curScroll <= headerHeight*1.25) { header.classList.remove('compact'); } if(curScroll > headerHeight*1.25) { header.classList.add('compact'); } } }; var toggleHeader = function(direction, curScroll) { if (direction === 2) { if(curScroll > headerHeight) { header.classList.add('hide'); prevDirection = direction; } } else if (direction === 1 && headerHeight < 180) { header.classList.remove('hide'); prevDirection = direction; } }; window.addEventListener('scroll', checkScroll); })(); // Toggle background video playback on scroll if(document.getElementById('videoBg')) { (function(){ var doc = document.documentElement; var currentScroll = window.scrollY || doc.scrollTop; var video = document.getElementById('videoBg'); var stopVideo = function() { currentScroll = window.scrollY || doc.scrollTop; if(currentScroll > 180) { video.pause(); } if(currentScroll < 180) { video.play(); } }; window.addEventListener('scroll', stopVideo); })(); } </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10