skrollr.js effect not appear in my laravel

  html, javascript, laravel, skrollr

this is my first time working with skrollr.js. I have already include the skrollr.min.js and the data-anchor-target is already set. But the effect wont appear. What am I do wrong here?
This is where I put my skrollr attribute, I put it on image at revolution slider.

<div class="tp-caption font-weight-light text-center ws-normal"
        data-x="left"
        data-y="center" data-voffset="['8','8','8','70']"
        data-width="['570','570','570','1000']"
        data-fontsize="['20','20','20','50']"
        data-lineheight="['29','29','29','60']"
        style="color: #e0e0e0;"
        data-anchor-target=".container .asd"
        data-0="transform:translateY(0%)"
        data-bottom-top="transform:translateY(-20%)"
        data-top-bottom="  transform: translateY(-40%)">
          <img style="width:90% !important;" src="{{url('images/logos/logo-pwf-01.png')}}" alt="">
      </div>

and this is the anchor target:

 <div class="container">
    <div class="row pb-3 my-5 asd">
      <div class="featured-boxes featured-boxes-style-2">
        <div class="row">
          <div class="col-md-6 col-lg-4 appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="200">
            <div class="featured-box featured-box-effect-4">
              <div class="box-content">
                <i class="icon-featured icon-screen-tablet icons text-color-primary bg-color-grey-scale-1"></i>
                <h4 class="font-weight-bold">Mobile Apps</h4>
                <p class="px-3">Lorem ipsum dolor sit amt, consectetur adipiscing elit. Phasellus blandit massa enim. Nullam id varius.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

and this is where I put my JS

The included JS

Source: Ask Javascript Questions

LEAVE A COMMENT