ScrollReveal无效

时间:2017-03-06 23:12:39

标签: javascript jquery html css scrollreveal.js

我正在做互联网所说的一切,完全相同的编码,一步一步。似乎对我不起作用。

jQuery的:

<script type="text/javascript" src="js/scrollreveal.min.js"></script>
<script>
    window.sr = new ScrollReveal();
    sr.reveal('bluprintdesign');
</script>

HTML / CSS:

<div class="center" style="top: 3%;">
        <img data-sr id="bluprintdesign" src="img/bluprint-design.png" alt="bluprint logo" style="width: 15%;"> 
    </div>

2 个答案:

答案 0 :(得分:2)

根据scrollreveal github页面,ScrollReveal()前面没有关键字 new ;

window.sr = ScrollReveal();
sr.reveal('bluprintdesign');

如果这还没有解决问题,请检查开发控制台,看看是否有任何错误。

答案 1 :(得分:0)

尝试更改此行:

sr.reveal('bluprintdesign');

对此:

sr.reveal('#bluprintdesign');