Skip to content

Releases: the-illarionov/the-supersonic-plugin-for-scroll-based-animation

v2.1.0

21 Apr 22:45
226d967
Compare
Choose a tag to compare

Change API.

Before:

new TheSupersonicPlugin({
  hooks: { .. },
  drivers: {
    'driver-id': {
      start: document.querySelector('.start'),
     ...

After:

new TheSupersonicPlugin(
  [
    {
      start: '.start',
      ... 
    },
  ],
  {
    hooks: { ... }
  }
)

v2.0.2

17 Apr 10:21
Compare
Choose a tag to compare

Completely rethinked whole idea of animations. And thanks to WebAnimations API well supported now it's possible to throw away controlling individual properties in javascript and animate only CSS animation currentTime.

It makes things much simplier, at the same time giving you much more freedom to create complex and stunning animations!

v1.0.3

06 Nov 11:23
Compare
Choose a tag to compare
  1. Changed "resize" logic: wiped out debouncing delay because it still delivered problems on mobile phones. Pros: more stable work on mobiles. Cons: plugin recalculates values on each "resize" event (which can cause troubles if you have 1000 elements on the page, open DevTools and start resizing as crazy).
  2. window.innerHeight was replaced by Globals.screenHeight, which is calculated pretty hacky: an element with "height: 100vh" is being appended. It's height is being evaluated and then it is deleted. Why? Because "window.innerHeight" shows different results when scrolling on mobiles, because toolbar shrinks, which leads to "sloppy" effect of the animation. "height: 100vh", on the other hand, doesn't include toolbars, so it fits perfectly. When tooldbar collapses, Globals.screenHeight equals window.innerHeight

v1.0.2

05 Nov 22:11
Compare
Choose a tag to compare

Remove "freezing" requestAnimationFrame at window.resize because it caused freezes on mobile phones scrolling too.
Because when you scroll on mobiles, your navbar toggles, which calls window.resize, which calls "freeze".

v1.0.1

28 Oct 15:00
Compare
Choose a tag to compare

Whooray!