我可以使用CSS变换 - 翻译来定位屏幕上居中的元素吗？

Question

我对某些onclick效果使用CSS转换。我大量使用了scale，这有时会以“长出窗外”的元素结束。 为了避免这种情况，我想将这些元素移动到屏幕中央。

据我了解transform: translate -CSS属性只允许我相对于其原点移动元素，而不是绝对位置，对吧？所以问题是：无论如何要做到这一点？如果没有什么帮助，js也是一个选项...

非常感谢。噪音

Answer 1

您可以尝试使用transform-origin在原点周围进行缩放。 如果这还不够，也许你应该让你的onclick功能应用除了缩放比例以外的翻译，以保持你的元素在窗口内。

Answer 2

你必须告诉div必须移动到左边，只要过渡发生，我的意思是。当你点击底部时，你不仅需要缩放div，还要将它移动到左侧（或右侧），以便将它放在屏幕的中央。