0

http://joelb.me/scrollpath/から適応した Web サイトに取り組んでい ます。左にフロートするフッター メニューを中央に移動したいと考えています。私は3日からこれに取り組んでいます。親切に助けて

4

2 に答える 2

1

上記の質問に記載されている URL を確認しました。ナビにはposition: fixed. したがって、いくつかの CSS プロパティを追加するだけで十分です。以下のプロパティを追加できます。

width: 320px;
left: 50%;
margin-left: -160px;

トリックはleft、要素がビューポートの (垂直) 中心の後にレンダリングを開始するように 50% として指定することです。次にmargin-left、負として与えて、左に少し戻します。margin-leftここで、要素の半分の大きさを指定widthすると、垂直方向の中心がビューポートの中心と一致するように、要素が左に引き戻されます。

于 2013-04-09T05:21:43.170 に答える
0

フッターのナビゲーションメニューについて話している場合..これを行う方法は次のとおりです..

  1. クラスを<nav>ieに適用する<nav class='scrollNav'>

  2. クラス scrollNav の CSS スタイルシートを追加

    .scrollNav {
    margin: 0 auto;
    width: 400px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

マージンはナビゲーションを中央に配置します。メニューバーの幅に合わせて選択できる幅。左、右、および下の位置が機能するように、位置を絶対値でオーバーライドします。そして、左、右、下を0にします。下にくっつくように..

それが役立つことを願っています..

よろしくお願いいたします。

ラフル・パティル

于 2013-04-09T05:38:59.613 に答える