パララックス skroll スクロールアニメーションを終了したい

Question

###質問内容
skroll.jsを使って要素を動かしているのですが。

<div class="thumb" data-0="opacity:0;" data-3500="opacity:0.5;" data-3550="opacity:1;transition:0.8s;transform:translate(0,110px);" data-3600="transform:translate(0,0);">

こんな感じでdata属性で指定しています。
このアニメーションを一番下までスクロールしたら(要素のアニメーションが終わったら)
もう一度スクロールしても、動いて欲しくないんです。

JQueryの記述は今のところ下記の通りです。

  $(document).ready(function(){
    if(!navigator.userAgent.match(/(iPhone|iPad|Android)/)){
      var s = skrollr.init();
    }
  });

---

最近javascriptとかに触れ始めたど素人です。
「そんなやつがこんなところで質問するんじゃない」
と思うかもしれませんが、何卒よろしくお願いします。

【追記】超初心者なので、jqueryをどう記述するまでご回答頂けると助かります...！！

Answer 1

降りたところで destroy() すればよいのでは。

【GitHub - Prinzhorn/skrollr: Stand-alone parallax scrolling library for mobile (Android + iOS) and desktop. No jQuery. Just plain JavaScript (and some love).】
https://github.com/Prinzhorn/skrollr#destroy

destroy()

Destroys skrollr. All class and style attributes will be set to the values they had before.

Comments

[退会済みユーザー]

回答ありがとうございます。
申し訳ありませんが、そのdestroy()はどこにどのように記述すればいいのでしょうか。
javascriptの書き方を分かっていないので、そこまで教えていただけると大変助かります。

[kei344]

https://teratail.com/help/question-tips

そこまでわからないなら実装をあきらめるか外注されてはいかがでしょうか。学習のためなのであれば、まず入門書から始められるのが良いと思います。

[退会済みユーザー]

何度ももすみませんでした。
ありがとうございました。