如果你去 Wikipedia page在 Chrome 和 ctrl+scrollup 或 ctrl+scrolldown 中,调整大小是在动画中完成的。
这是如何实现的?
(在 FF 中只有
Read
View source
View history
右上角的链接动画)
最佳答案
如果您使用 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 也应该有动画,但它没有。
关于javascript - 在维基百科上调整动画大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11854359/