jQuery UIのサイズ変更が簡単な固定フッターですか？

私はブラウザの下部に固定したい簡単なフッターを持っています。私は垂直方向にのみサイズを変更できるようにしたい。私が持っている問題は、jQuery UI Re-sizableを適用すると、レイアウトの元の意図を明らかに崩している相対的な位置に設定されることです。jQuery UIのサイズ変更が簡単な固定フッターですか？

以下は、私の問題のJSBinを使用した簡単な例です。

http://jsbin.com/ubuhic/

思考？

出典

2012-02-28 aherrick

私はよく分かりませんが、Chromeではかなりうまく見えます。 –

ブラウザの下部に固定する必要があります。 – aherrick

....編集： 'footer' CSSで' position：fixed'に '！important'を追加するだけです。私は完全なCSSで答えを追加しました... –

-1

footer 
{ 
    height: 200px; 
    bottom: 0px; 
    position: fixed !important; 
    width: 100%; 
    background-color: #cc0000; 
}

!importantトリックを行う必要があります...

出典

2012-02-28 17:42:43

は近づいているように見えますが、私がサイズ変更を始めるとすぐに私は再びジャンプします。あなたはその行動を見ていますか？ – aherrick

これで問題は完全に解決されるわけではありません – aherrick

$(function() { 

    $('footer').resizable({ 
    handles: 'n, s' 
    }).bind('resize', function(){ 
     $(this).css("top", "auto"); 
    }); 

});

このコードは私のために完璧に動作します。 http://jsbin.com/ubuhic/11

出典

2013-04-16 02:35:36 sofyan

jQuery UIのサイズ変更が簡単な固定フッターですか？

答えて

関連する問題