0

ナビゲーションのフッターのレスポンシブ マージントップを計算したい - 常に下から 50 ピクセル上に配置する必要があります。私はこのコードを書きましたが、うまくいきません - 誰か助けてくれませんか?

(function () {
$(window).resize(function () {
    var navHeight = $("nav").height();
    $("nav footer").css({ "margin-top": navHeight - 50 });
}).resize(); });

これはこれまでの要素のスタイルシートで、かなり基本的なものです。

nav { position:fixed; top:0; left:0; width:320px; height:100%; padding:100px 0 0 0; }
nav footer {  }

これは jQuery で行う必要があり、CSS ソリューションは必要ありません。ごめん！

4

4 に答える 4

0

必要なのはcssだけです！

.nav.footer {
    position: fixed;
    bottom: 50px;
}

終わり！;)

コード例: http://jsfiddle.net/QKLQx/

于 2013-11-14T16:07:47.033 に答える
0

プレーンな CSS でこれを行うことができます。

nav {
    position: relative;
}

nav footer {
    position: absolute;
    bottom: 0px;
    height: 50px;
}

relativeまたはabsolutepositionを持つ要素は、その子孫要素のオフセットの親をリセットします。つまり、ドキュメントではなくnav相対的に内部に含まれる要素を配置できます。nav

于 2013-11-14T16:18:05.833 に答える
0

さて、@Ennui による以下の CSS ソリューションは、次のように jQuery の試行で機能するはずです。

(function () {
$(window).resize(function () {
    $("nav").css("position", "relative");
    $("nav footer")
        .css("position", "absolute")
        .css("bottom", "0px")
        .css("height", "50px");
}).resize(); });
于 2013-11-14T16:34:39.180 に答える