ScrollMagic。私はscrollMagicの指示に従った場合の要素

Question

に複数のクラスを追加：

// add multiple classes to multiple elements defined by the selector '.classChange' 
scene.setClassToggle(".classChange", "class1 class2 class3"); 

（http://scrollmagic.io/docs/ScrollMagic.Scene.html#setClassToggle）

私はコンソールでこのエラーを得た：

InvalidCharacterError: String contains an invalid character 

クラス間のスペースので。

マイシーン全体のコードは次のとおりです。

言い換えれば、それは動作しますが、「大きな小」の間のスペースを削除

   var ourScene = new ScrollMagic.Scene({ 
       triggerElement: '.banner', 
       triggerHook: 0, 
       offset: 20 
       }) 
       .setClassToggle('.banner', 'big small') 
       .addTo(controller); 

、それは一つのクラスではなく、複数のクラスでだけで動作します。

複数のクラスではどのように作業できますか？

Answer 1

を、私は

setClassToggleは、単一のクラス＃313

をサポートし、あなたに問題が発生しscrollmagicとの未解決の問題があることがわかりました

これを回避するには、Greenstock .set tweenメソッドを使用して複数のクラスを追加することができます。

以下は、私が上記の使用方法をオンラインで扱っているコードペインのリンクです。

var setMultipleClasses = TweenMax.set($('p'), { 
    className: "red bold" 
}); 

// Create a ScrollMagic Scene 
new ScrollMagic.Scene({ 
    triggerElement: "p" 
}) 
.setTween(setMultipleClasses) 
.addIndicators() 
.addTo(ctrl); 

http://codepen.io/ihatetomatoes/pen/9e18df235da9abb2766a61990094a368

Answer 2

あなたがしようとしました：ウェブ上で検索しながら

... 
.setClassToggle('.banner', 'big') 
.setClassToggle('.banner', 'small') 
...