我可以使用css transform - translate来定位以屏幕为中心的元素吗?

时间:2013-04-30 12:44:16

标签: javascript html css animation css-transitions

我正在使用CSS转换来实现某些onclick效果。我经常使用scale,有时会在“窗外长出”的元素中结束。 为了避免这种情况,我想将这些元素移动到屏幕的中心。

据我所知transform: translate - CSS-property只允许我相对于其原点移动元素,而不是绝对位置,对吧?所以问题是:反正有没有实现这个目标?如果没有任何帮助,js也是一个选择...

2 个答案:

答案 0 :(得分:0)

您可以尝试使用transform-origin围绕原点进行缩放。 如果这还不够,也许你应该让你的onclick函数除了比例之外应用翻译,以便将你的元素保留在窗口内。

答案 1 :(得分:0)

你必须告诉div,无论何时发生转变,我都必须向左移动。当您单击底部时,您不仅要缩放div,还要将其向左(或向右)移动以将其放在屏幕的中心。