横スクロール固定サイドバーとフッタがサイドバーの下にスクロールしたWebサイト

コンテンツはサイドバーに到達したときに消えるのではなく、左側のサイドバーの下をスクロールします。左側のサイドバーと下側のフッタは固定されています。横スクロール固定サイドバーとフッタがサイドバーの下にスクロールしたWebサイト

任意の提案ですか？

2012-01-04 Chris

何を試しましたか？あなたの現在の記述からあなたが望むものを言うのは難しいです。 –

こんにちは、スクロールすると、メニューのサイドバーの前にコンテンツが消えてしまいます。私はカスタムスクロールを試みたが運がなかった。私のフッタとサイドバーは固定されているので、コンテンツを指定された領域にスクロールすることはできません。 – Chris

私は理解できたら見てみましょう：今は、3つのコンテンツ領域があります：左側のサイドバー、中央、右側のサイドバー。中央と右は「ページ」を構成し、左は固定の固定メニューです。スクロールすると、「ページ」部分（中央と右）はメニュー（左）にフェードインしますが、メニューと混合して表示されるのではなく、メニューに到達する前に消えてしまいます。あれは正しいですか？ –

背景を透明から不透明に変更する必要があります。これらのスタイルを追加します。

#sidebar { 
    background: url(../img/bg.png) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    height: 100%; 
    z-index: 1; 
} 
#footer { 
    z-index: 2; 
}

それを行う必要があること - それはあなたのサイドバーと同じ画像の背景を与えるが、それはページの残りの部分に細い流れのように見えます。それはあなたのサイドバーの高さを延ばすので、コンテンツの残りはそれの "下に"スクロールします。また、Z-インデックスの変更により、サイドバーはコンテンツの上にありますが、フッターの下になります。

出典

2012-01-09 21:05:50

ありがとう。私は本当にあなたの助けに感謝します。私はそれを固定して働かせた。もう少し小さな質問があります。 – Chris

同じサイトkarpouzaki.com/f09/右上にコンテンツヘッダーがあります。私たちについて01 ...ポートフォリオ04クライアント05.ポートフォリオ04がギャラリーをスクロールしながら同じ位置に固定され、クライアントであるコンテンツの次の部門が見出しポートフォリオのために選ばれるとクライアントに変更する05.任意の提案ですか？ – Chris

この回答が正しい場合は、それに答えてください。これは別の質問のように聞こえるので、新しい質問として投稿してください。 –

横スクロール固定サイドバーとフッタがサイドバーの下にスクロールしたWebサイト

答えて

関連する問題