使用 requestAnimationFrame 实现流畅动画：一个示例

这是一个合法的 JavaScript 代码，用于使用 requestAnimationFrame 函数来执行一些动画效果。在这个例子中，当动画开始时，会将 'bottomItem' 元素的底部位置设置为 0，同时将 'copywriting' 和 'personalData' 元素的底部位置设置为与 'bottomItem' 元素高度相同。这样写可以实现这些样式的变化。

requestAnimationFrame(() => {
  bottomItem.style.bottom = 0 + 'px';
  copywriting.style.cssText = `bottom:${bottomItem.offsetHeight}px !important`;
  personalData.style.cssText = `bottom:${bottomItem.offsetHeight}px !important`;
})

使用 requestAnimationFrame 的优势在于它可以确保动画与浏览器刷新率同步，从而实现更加流畅的动画效果。