javascript - jQuery 的 slideUp、slideDown、animate 函数的任何替代品？

Question

我正在创建一种页脚广告格式以在 Google DFP 中运行，但 jQuery 无法在其中运行(长话短说)。所以我试图找到一些替代方法来完成相同的任务——即 slideUp、slideDown 和动画功能。有谁知道一些替代方案？谢谢!

Answer 1

dom-slider是 jQuery 的 slideDown、slideUp 和 slideToggle 方法的 vanilla-js 实现，适用于未知高度 的元素。像 jQuery 一样使用它:

element.slideUp()
element.slideDown(800)
element.slideToggle(800, 'easeOut') // CSS transition timing function
element.slideUp(300).slideDown(500)

但是，它的方法不接受回调——相反，您为回调提供返回的 promise :

element.slideUp().then(function() {
  console.log('sliding done!');
})

还有一些其他的改进。查看README了解详情。