Not working with semantic-ui?

[Maxhodges]

I tried everything I could think of, but can't get it to work in semantic-ui. Anyone have similar problems and any workarounds?

Do I need jquery? If so, what version? I'm using:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

You can see my project source here:
https://github.com/white-rabbit-japan/wreHomePage/tree/feature/scrollReveal

Cheers! 🍻

[jlmakes]

ScrollReveal does not require jQuery.

It looks like you are using the 3.0 release candidate, so you must call the init() method.

window.sr = new scrollReveal();
sr.init();

// or chained
window.sr = new scrollReveal().init();

Check out the 3.0 pull request (#168) for more information and sample code. Sorry for any confusion, the documentation will be updated shortly to reflect the new changes! 🙇

[Maxhodges]

Hi @jlmakes thanks for the reply. I can sr in console and see that it was uninitialized. I ran init() and that fixes it. I thought it was suppose to self-initialize. Maybe mentioning that we need to run init() in the docs would spare others a great deal of time.

except for my init() problem, ScrollReveal is fantastic. Thanks so much for taking the time to share it!

Cheers!

[jlmakes]

I thought it was suppose to self-initialize. Maybe mentioning that we need to run init() in the docs would spare others a great deal of time.

You’re right, and previous versions did automatically initialize on instantiation.

The main reason is that with the new JavaScript API in 3.0, it’s necessary to separate the instantiation and initialization—simple example:

// instantiate
window.sr = new scrollReveal();

// use JS API to configure reveals
sr.reveal( '.myClass', "enter top after 1s" );

// initialize
sr.init();

I’m working on updating the docs for 3.0 right now! 🙇

P.S. I need to think it through a bit more, but I suppose it’s possible ScrollReveal could initialize on instantiation like it did previously—but one would still need to initialize after using reveal()

[Maxhodges]

here's what I made with it
https://www.whiterabbitexpress.com/

Thanks for scrollReveal!

[jlmakes]

@Maxhodges Awesome! It’s my pleasure.