ScrollReveal not working

Question

I'm doing everything the internet says, the exact same coding, step by step. Doesn't seem to work for me.

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>

score 2 · Answer 1 · answered Mar 06 '17 at 23:16

2

According to scrollreveal github page there is no keyword new in front of ScrollReveal();

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

if this doesn't solve the issue, please check the dev console and see if any errors pop up.

answered Mar 06 '17 at 23:16

Petros Kyriakou

5,214
4
43
82

Did what you said, and no errors popped up. Still not working :-/ – Mar 07 '17 at 02:37
Alright can you show us where you input the – Petros Kyriakou Mar 07 '17 at 10:53
– Mar 07 '17 at 11:42

score 0 · Answer 2 · answered Mar 16 '17 at 14:43

0

Try changing this line:

sr.reveal('bluprintdesign');

To this:

sr.reveal('#bluprintdesign');

answered Mar 16 '17 at 14:43

Nathan Arthur

8,287
7
55
80

ScrollReveal not working

2 Answers2