Add Smooth Scroll Animation To Any Elements

Add Smooth Scroll Animation To Any Elements

Scroll Animation can be added in Pro Edition

Scroll animation is one of the best ways to add awesomeness to your website. Pjax Blog Pro has its feature which is very smooth and asynchronously triggered so that it doesn’t bother user scroll. All you have to do it is adding classes to the element you want to animate. Classes below are animation classes you can use in this theme.

Fade

class=”lp-scroll fade”

Slide

class=”lp-scroll slide up”
class=”lp-scroll slide down”
class=”lp-scroll slide right”
class=”lp-scroll slide left”

Flip

class=”lp-scroll flip up”
class=”lp-scroll flip down”
class=”lp-scroll flip right”
class=”lp-scroll flip left”

Zoom

class=”lp-scroll zoom in”
class=”lp-scroll zoom out”

Other Parameters

  • lp-duration-{200~2000} – changes duration of the animation
  • lp-delay-{50~1000} – adds delay to the animation