Stack Overflow
Stack Overflow

Questions tagged [animateplus]

Animate Plus is a JavaScript animation library focusing on performance and authoring flexibility.

Animate Plus is a JavaScript animation library focusing on performance and authoring flexibility. It aims to deliver a steady 60 FPS and weighs less than 3 KB (minified and compressed), making it particularly well-suited for mobile.

Official project page

6 questions
13
votes
2 answers

Conflict when simultaneously using keyboard events for scrolling and CSS scroll snapping

You can horizontally scroll my demo page by pressing Space Bar, Page Up / Page Down and Left Arrow / Right Arrow keys. You can also snap scroll with a mouse or trackpad. But only one or the other works. Is there a way that keyboard events and CSS…
Tzar
  • 5,132
  • 4
  • 23
  • 57
2
votes
1 answer

Moving all elements in an animated accordion

An accordion animated with Animate Plus contains dl and legend elements within fieldset. Everything works as it’s supposed to, except fieldset doesn’t expand and legend doesn’t move with the rest of the elements. I would like to smoothly resize…
Tzar
  • 5,132
  • 4
  • 23
  • 57
2
votes
2 answers

How to use querySelectorAll in a specific context

I am using Animate Plus for animating accordion. I have multiple definition lists (dl) and I would like to target them all, not just the first one. Here is the relevant piece of code: const accordion = { element: document.querySelector("dl"), …
Tzar
  • 5,132
  • 4
  • 23
  • 57
1
vote
3 answers

Animation suddenly jumps when padding is set on an element

In an accordion animated with Animate Plus, when padding is set on an element, the collapsing animation suddenly jumps when closing… The animation is smooth when padding is not set… How can I smoothly animate the accordion when padding is set? My…
Tzar
  • 5,132
  • 4
  • 23
  • 57
0
votes
1 answer

Applying the scroll animation on key press to be the same as it’s on mouse click

I have a horizontally spread page that one can scroll by mouse clicking, or by pressing Space Bar, Page Up / Page Down, Left Arrow / Right Arrow, and Home / End keys. The scrolling that’s activated with mouse clicks is animated using Animate…
Tzar
  • 5,132
  • 4
  • 23
  • 57
0
votes
1 answer

Animating full page scrolling on button click using Animate Plus

I would like to smoothly animate horizontal scrolling of page sections by full width of the viewport, by clicking on Previous Page and Next Page buttons, using Animate Plus. Here is the relevant piece of code: import animate from…
Tzar
  • 5,132
  • 4
  • 23
  • 57