0

私がデザインしているウェブサイトのドロップダウンを作成することができましたが、スティッキーヘッダー部分に少しこだわっています..

私のヘッダーには粘着効果がありますが、下にスクロールするとヘッダーがページの上部にくっつきません。CSSで述べたように、常に上から80pxのマージンを維持します。

スクロールするときにヘッダーをTOPに固定するにはどうすればよいですか。また、スクロールしてページの上部に戻ると、元の位置を保持する必要があります。私が自分自身を明確にしたことを願っています。

CSS を HTML として貼り付けるだけでは、フィドルでは長すぎます。

#nav, #nav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    z-index:9998;
    position:relative;
}

私が作成した DEMO については、このフィドルを確認してください。

編集：明確にするために。最初に top:80px が必要です。スクロール中にヘッダーを一番上に固定したいだけです。例

4

4 に答える 4

0

これらを試してください：

  1. これを ur css から削除して、ヘッダーを上部に貼り付けます。

    #nav { .. margin:40px auto; .. }

ヘッダーの 2.css スタイル - position:fixed の代わりに position:relative を使用します。

3. コンテンツ div を別の div 内に配置し、その div のみのスクロールバーを作成します。そうすれば、ヘッダーは常に上部にくっつきます。

于 2013-10-11T11:35:31.130 に答える