SOURCE

s=skrollr.init();

<script src="https://cdn.bootcdn.net/ajax/libs/skrollr/0.6.30/skrollr.min.js"></script>
<div id="app" style="height: 9999px">
    <div style="min-height: 300px">
        <h2>我是顶部不会动文字</h2>
        <p>我是顶部不会动文字</p>
        <p>我是顶部不会动文字</p>
    </div>
    <div style="min-height: 2000px" id="imgbox">
        <div
         class="sticky overflow-hidden"
         data-300="top:0px"
         data-2300="top:0px">
         <!-- <div 
            data-0-start
            data-2000-start
         > -->
            <div style="left:40%;top:15%;position: absolute;z-index: 9999">
                <div class="" 
                data-300=";width: 100px;height: 100px;box-shadow:0px 0px 0px 9999px;border-radius: 50%;transform: scale(6,6)" 
                data-1500=";width: 100px;height: 100px;box-shadow:0px 0px 0px 9999px;border-radius: 50%;transform: scale(1,1)"></div>
            </div>
            <img 
            data-500="transform: scale(1.5,1.5)"
            data-1500="transform: scale(1,1)"
         src="https://www.lilnong.top/static/img/big/1.jpg" alt=""> 

            <div style="color: #f00;position: absolute;top:0;left:20%;z-index:99999;">
                <p data-600="transform: translate(0, 300px); opacity: 0"  data-1500="transform: translate(0, 0); opacity: 1">我是贼无聊的文案</p>
            </div>
         </div>
        
    </div>
</div>

.relative{position: relative}
.sticky{position:sticky}
.overflow-hidden{overflow: hidden}