问题标签 [animateplus]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 如何在特定上下文中使用 querySelectorAll
我正在使用Animate Plus动画手风琴。我有多个定义列表 ( dl)，我想将它们全部定位，而不仅仅是第一个。
这是相关的代码：
我试图转换为数组并使用扩展运算符[…document.querySelectorAll("dl")]，但没有成功。
我如何querySelectorAll在这个特定的上下文中使用来定位所有dl标签？
我的手风琴示例可以在这里找到： https ://codepen.io/anon/pen/QYwQqV
javascript - 使用 Animate Plus 在按钮单击时动画整页滚动
javascript - 移动动画手风琴中的所有元素
一个手风琴动画，其中Animate Plus包含包含dl和legend元素fieldset。一切都按预期工作，除了fieldset不扩展并且legend不与其余元素一起移动。
我想fieldset通过增加相同的量平滑地调整高度dl。
我的 JavaScript 代码：
我的手风琴完整代码可以在 CodePen 上找到：
javascript - 在元素上设置填充时动画突然跳跃
在使用 动画的手风琴中Animate Plus，当padding在元素上设置时，折叠动画在关闭时突然跳跃……</p>
padding不设置
时动画流畅……</p>
如何在padding设置时平滑地为手风琴制作动画？
我的 JavaScript 代码：
我的手风琴完整代码可以在 CodePen 上找到：
javascript - 在按键上应用滚动动画与在鼠标单击时相同
我有一个水平展开的页面，可以通过鼠标单击或按Space Bar、Page Up / Page Down、Left Arrow / Right Arrow和Home / End键滚动。
通过鼠标点击激活的滚动使用Animate Plus.
使用按键滚动时如何获得完全相同的动画？
由于我的代码不会在 Stack Overflow 的代码段中运行，因此我将其发布到 Codepen。
这是我的完整代码：
下面是我的 JavaScript 代码：
javascript - 同时使用键盘事件进行滚动和 CSS 滚动捕捉时发生冲突
您可以按Space Bar,Page Up / Page Down和Left Arrow / Right Arrow键水平滚动我的演示页面。您还可以使用鼠标或触控板捕捉滚动。
但只有一种或另一种有效。
有没有办法让键盘事件和 CSS 滚动捕捉可以共存？我错过了什么？任何帮助将不胜感激，因为我已经为这个问题苦苦挣扎了一个多星期。
（请取消注释相关的 CSS 代码以启用滚动捕捉效果，以查看键盘快捷键停止工作。）
注意：我正在使用一个名为Animate Plus的小而优雅的模块来实现平滑的滚动动画。
更新：@Kostja 的解决方案适用于 Chrome，但不适用于 Mac 或 iOS 的 Safari，它在 Safari 中适用对我来说至关重要。