javascript - 在维基百科上调整动画大小

Question

如果你去 Wikipedia page在 Chrome 和 ctrl+scrollup 或 ctrl+scrolldown 中，调整大小是在动画中完成的。

这是如何实现的？

(在 FF 中只有

  Read
  View source
  View history

右上角的链接动画)

Answer 1

如果您使用 Chrome 的检查器检查 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 也应该有动画，但它没有。