Я не могу получить скроллмагию для отображения анимации - PullRequest
Новая
       17

Я не могу получить скроллмагию для отображения анимации

0 голосов
/ 07 июня 2019

Есть ли другой плагин, который позволяет нам делать то же самое, что и Skrollr? Для анимации элементов, например картинки при прокрутке. но в формате Vue.js. Я не думаю, что я преобразовал это право для того, что я сделал. например, что-то ссылку на эту ссылку. http://scrollmagic.io/examples/expert/multiple_scroll_directions.html

Я заглянул в документацию Scrollmagic и выполнил поиск в Интернете. просто не так много людей, использующих vue-scrollmagic.

В шаблоне: 

 <div class="spacer s0"></div>
<div  class="text-center">
    <img id="animate"
    class="img-fluid iq-mobile-img"
    src="img.png"
    alt="Smartphone"
>
</div>

В сценарии: 

methods: {
    sphone() {
      var controller = new ScrollMagic.Controller();

      // build scene
      var scene = new ScrollMagic.Scene({
        triggerElement: "#multiDirect",
        duration: 400,
        offset: 250,
      })
        .setPin("#animate")
        .addIndicators({ name: "resize" }) // add indicators (requires plugin)
        .addTo(controller);

  },
  mounted() {
    this.$nextTick(sphone); //this.
  }

Сообщение об ошибке не отображается. я новичок так что, возможно, я этого не заметил. Я вижу предупреждения, но не связан с магией прокрутки.

Я ожидаю, что он будет анимирован во время прокрутки. но это не оживило; что не так.

...