Transition Data Options
Data Option | Description |
---|---|
data-duration | The duration or the distance scrolled for the animation. Units in pixels or percent of window height. (Default: 100%) |
data-responsivethreshold | You can set a screen width threshold that disables the scroll transition. The threshold is in pixels and whenever the screen width is below the threshold the scroll transition is disabled. It will be reenabled if the screen width becomes bigger than the threshold. (Default: 0) |
data-staggereddelay | This option is only used for the staggered-transition-wrapper. Define a delay between 1.0 and 0.0, 1.0 meaning no delay and 0.0 being max delay. (Default: 0.8) |
Transition Methods
Method | Description |
---|---|
destroy | Destroy the scroll transition plugin on this instance. |
Scroll Triggered Transition
<div class="card fade-in-out up-in-out" data-duration="0">
<div class="card-image">
<a href="blog.html"><img src="images/poly5.jpg"></a>
<span class="card-title">Why Are You Still Reading?</span>
</div>
</div>