定位項目之後-webkit-變換：規模（）

我試圖自動化與jQuery的CSS設置，我有這樣定位項目之後-webkit-變換：規模（）

$(".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）？

2012-09-24 void

當您使用transform:scale時，默認情況下它會在您的重定標元素的中間進行重新縮放。如果要定義轉換的起源，只需在你的CSS：transform-origin: horizontal vertical; 例如

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

這將重新調整你的對象與轉型是在它的頂部中間的起源

2012-11-16 12:03:06 leMoisela

回答