jQuery ScrollMagic実装に関して

質問

サイト制作でScrollMagicを使用し、縦スクロールのページを作ることとなりました。

http://scrollmagic.io/examples/basic/section_wipes_natural.html
こちらのデモと同じように組み込み、
GitHubからダウンロードしたものは念のためある程度読み込ませているのですが、

お！動いた！と思ったのですが何やら怪しげな線が残ります。
でもページと同じ、「Trigger」「Start」「end」
のボーダーと文字列、数字が出てきます。

原因はどうやら同梱している、
debug.addIndicators.min.jsのようです。
名前の通りデバッグ用なので読み込ませる必要はないと思い、
<script src="debug.addIndicators.min.js" script type="text/javascript"</script>まで削除しました。

すると、動かなくなってしまいました...

どうすれば動くようになりますでしょうか...

詳しい方回答よろしくお願いいたします。

回答No.1

Hanagefactory · ベストアンサー

該当ページのHTMLの65行目などにある、
.addIndicators({name: "1 (duration: 300)"}) // add indicators (requires plugin)
がそのままあったりしますか？

debug.addIndicators.min.jsは
ScrollMagic.Sceneを拡張して、
addIndicators(options)と
removeIndicators()の関数を追加しているようです。
なので、上記の関数を利用している箇所があれば、エラーになるとおもいます。