example-sticky.md

title	description	layout	category	order
Sticky method	Place the scene always on top using detector.	libdoc/page-split	Examples	92

<section>
    <div    scroll-frames="any_id"
            data-url-mask="https://olivier3lanc.github.io/cinematics-resources/timelapse_albertville/timelapse_albertville_|1 to 120|.webp"
            data-background-size="cover"
            data-detector="the_detector">
    </div>
    <hr id="the_detector">
</section>
<!-- CSS FOR DEMO PURPOSE ONLY -->
<style>
    [scroll-frames] { 
        position: sticky;
        top: 0;
        left: 0;
        height: 100vh;
    }
    section { 
        height: 200vh;
    }
    hr { opacity: 0 }
</style>

{:.playground .playground-pin title="Scroll down to view"}

© Timelapses by Olivier 3lanc