Materializecss - scrollFire插件似乎不起作用

Question

我不知道为什么scrollfire插件不起作用 我使用官方指南http://materializecss.com/scrollfire.html

javascript如下：

        var options = [

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

 Materialize.scrollFire(options);

这是我的plunker演示：http://embed.plnkr.co/aA66og3NhkhafSHLQC5R/

你有什么想法，为什么它不起作用？

Answer 1

好的，我是编程中的总菜鸟，所以请原谅我，如果我无法解释为什么它会以这种方式工作。为了让它发挥作用，我改变了3件事。

1. 我将脚本标记更改为从更新版本中提取，即这个：src =＆＃34; https：//cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.min的.js＆＃34;
   
2. 偏移量必须小于500，我猜测它的像素，但是从HTML中的图像开始，它不会被触发，除非我使用较低的数字。所以我猜测要么在图像中移动图像，要么降低偏移量。
   
3. 确保使用＆＃39; showStaggeredList（）＆＃39;或者＆faeInImage（）＆＃39;您将元素的css设置为＆＃39; opacity：0;＆＃39;
   

我有它的工作，所以我希望这会帮助你。