javascript - 在Wikipedia上调整动画大小

如果您使用Chrome浏览器中的Wikipedia page并按ctrl + scrollup或ctrl + scrolldown，则调整大小将在动画中完成。

如何实现的？

(在FF中，只有

  Read
  View source
  View history

右上 Angular 的链接设置为动画)

最佳答案

如果您使用Chrome的Inspector检查CSS，则会发现以下规则:

body.vector-animateLayout div#content, body.vector-animateLayout div#footer {
  transition: margin-left 250ms,padding 250ms;
  -moz-transition: margin-left 250ms,padding 250ms;
  -webkit-transition: margin-left 250ms,padding 250ms;
  -o-transition: margin-left 250ms,padding 250ms;
}

这可以平滑地动画margin-left和padding属性，Webkit在放大和缩小时似乎会对其进行修改。 Firefox也应该设置动画，但不是。

关于javascript - 在Wikipedia上调整动画大小，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11854359/