0

私には解決できないタスクがあります。

ヘッダー div、コンテンツ div、および背景にある完全な画像を含む Web コンテンツがあります。ヘッダー div の位置は固定されており、変更できません。

ポイントは、css を作成する必要があることです。これにより、ヘッダーをコンテンツとともに上にスクロールできるようになります。ここにリンクがあります。

私が望むのは、コンテンツでヘッダーをスクロールすることですが、ヘッダーのdivの位置を固定したままにします。

body {
    background: #eee;
    font-family: sans-serif;
}

div.sidebar {
    padding: 10px;
    padding-bottom: 60px;
    border: 1px solid #ccc;
    background: #fff;
    top: 10px;
    left: 10px;
    bottom: 10px;
    width: 580px;
}
div#fixed {
    background: #76a7dc;
    padding-bottom: 10px;
    color: #fff;
    position: fixed;
    width: 580px;  
    height:50px;
    z-index: 1;
}
4

1 に答える 1

0

したがって、現在、ヘッダーが固定されており、コンテンツとともにスクロールしないように設定しています。

あなたが書いたものを正しく読んでいれば、このヘッダーには既に position: fixed の css プロパティがあり、それを変更することはできませんよね?

コンテンツとともにスクロールするには、overflow-y: scroll; を配置します。.scrollable コンテナーの代わりに、サイドバー コンテナーに。

于 2013-06-12T18:39:05.220 に答える