Materializecss scrollFireプラグインは、以下のscrollfireプラグインが、私は公式ガイド<a href="http://materializecss.com/scrollfire.html" rel="nofollow">http://materializecss.com/scrollfire.html</a></p> <p>JavaScriptを使用 機能しない理由を私はどんな考えを持っていない

Question

を動作していないようです。

 var options = [ 

{selector: '.activator', offset: 500, callback: function() { 
    Materialize.fadeInImage(".activator"); 
} } 
    ]; 

Materialize.scrollFire(options); 

ここでのマイプランナーデモ：http://embed.plnkr.co/aA66og3NhkhafSHLQC5R/

なぜ機能しないのですか？

Answer 1

私はプログラムでこのように動作している理由を正確に説明できない場合、私はそれを許してくれます。私はそれを動作させるために変更された3つのものがありました。

1. 私は更新されたバージョン、すなわち、この1から引き出すためにスクリプトタグを変更：SRC = "https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize .min.js "
   
2. オフセットは500未満でなければなりません。私はそのピクセルを推測していますが、画像がHTML内のどこにあるかは、低い番号を使用しない限り発火しません。だから私は、文書内の画像を上に移動するか、オフセットを下げるかのいずれかを推測しています。
   
3. 'showStaggeredList（）'または 'fadeInImage（）'を使用するときに、要素のCSSが 'opacity：0;'に設定されていることを確認してください。
   

私はそれはので、私は、これはあなたを助けることを望んでい取り組んでいます。