3

jQueryでcss設定を自動化しようとしていますが、次のような機能があります

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

フッターは (foot_css を使用して) bottom=0 に設定されていますが、フッターをスケーリングすると、bottom=0 のままではなく、一部のテキストが画面の下にあるため、判読できません。編集: これは左でも発生し、「.footer」クラスの左下隅が画面の外にあります。

では、フッターを一番下に「ドッキング」するにはどうすればよいでしょうか。(webkit や moz よりも) スケーリングするためのより良い方法でしょうか?

4

1 に答える 1

0

を使用transform:scaleすると、デフォルトでは、再スケーリングされた要素の途中で再スケーリングされます。変換の原点を定義する場合は、cssを追加するだけです。transform-origin: horizontal vertical; たとえば、

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

これにより、変換の原点がオブジェクトの上部中央にある状態でオブジェクトが再スケーリングされます。

于 2012-11-16T12:03:06.613 に答える