Page Scroll Animation Plugin scrollanim.js

Add-ons

2026-07-25 22:38 5 次浏览 • 0 次下载 20.3KB

Plugin Description: Automatically triggers animation effects when the page scrolls

Scrollanim provides many built-in CSS3 animations. All you need to do is add the data-kui-anim attribute to your elements.

<div data-kui-anim="fadeIn">
   Display using the fadeIn animation.
</div>

Advanced Mode

You can also add animations using the JavaScript API.

kissuiScrollAnim.add(element, {
  'in': 'fadeIn',
  'out': 'fadeOut'
});

Scrollanim supports all available positions of an element on the page. You can also use compound event names (e.g. in center middle)

CSS3 Animations

Scrollanim provides many CSS3 animations. It uses no JavaScript animations, resulting in better performance.

Perfect for both desktop and portable devices.