-webkit-transform后定位项：scale（）

Question

我正在尝试使用jQuery自动化css设置，我有像

这样的功能

$(".footer").css(foot_css)//pre-defined css object
//AND
$(".footer").hover(function(){
$(this).css("-webkit-transform", "scale(2)"); 
});

页脚设置为底部= 0（使用foot_css），但是当我缩放页脚时，它不会保持在底部= 0，某些文本位于屏幕下方，因此无法读取。 编辑：这也发生在左边，“。footer”类的左下角是在屏幕外。

那我怎样才能将页脚“停靠”到底部？也许是一种更好的扩展方式（比webkit和moz）？

Answer 1

使用transform:scale时，默认情况下会在重新缩放的元素中间重新缩放。如果要定义转换的来源，只需在css中添加：transform-origin: horizontal vertical; 例如

.myScaledObj{
   -webkit-transform: scale(0.5);
   -webkit-transform-origin: 50% 0%; 
}

这将重新缩放你的对象，其变换的原点位于它的顶部中间