КАК РЕАЛИЗОВАТЬ ЯКОРЬ ПРИ ГОРИЗОНТАЛЬНОЙ ПРОКРУТКЕ С ИСПОЛЬЗОВАНИЕМ skrollr.js

<script type="text/javascript">
    var s = skrollr.init();s
</script>

.container-block{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    height: 100%;
}
.skroll__content{
  display: flex;
  justify-content: space-between;
}
.skroll{
    min-width: 100%;
    height: auto;
    align-items: center;
}
.skroll:nth-child(2){
    background-color: black;
    color:white;
}
.skroll:nth-child(3){
    background-color: yellowgreen;
    
}

@media (max-width:991px) {
    .container-block{
        position: absolute;
       flex-direction: column;
        display: flex;
        height: auto;
        transform: none !important;
    }

    
    
}

<div  id ="container-block" class="container-block" data-0="transform:translateX(0%);"  data-1000="transform:translateX(-200%);">
    
    <section class="skroll">
        <div class="skroll__content">
          
            <div class="fixed">
                <a href="#"> <div  class="fixed__check" ></div></a>
                <a href="#"> <div  class="fixed__check" ></div></a>
               
            </div>
            <p><div style="overflow: auto; width:300px; height:200px;">lorem5000</div></p>
                    </div>
    </section>

    <section class="skroll" >
        <div class="skroll__content" >
            <div class="fixed">
                <a href="#"> <div  class="fixed__check" ></div></a>
                <a href="#"> <div  class="fixed__check" ></div></a>
            </div>
            <p><div id="anchor"  style="overflow: auto; width:300px; height:200px;">lorem5000</div></p>
                    </div>
    </section>