html - Div は上に固定されますが、水平方向にスクロール可能です

Question

position:fixed; などを使用して、Web ページのヘッダーを上部に固定したい。CSSで、しかしブラウザがヘッダーの幅1000pxよりも小さくされている場合、ページの残りの部分と一緒に水平にスクロールできるようにしたい.

もちろん、javascript を使用して絶対配置と組み合わせて div の上部の値を変更することもできますが、javascript を使用しない人でもこの機能にアクセスできるようにすることを好みます。ありがとう！

score 0 · Accepted Answer

デフォルトでは水平にスクロールしますが、コンテンツと一緒に垂直にスクロールすることを意味していると思います。

これは、CSS メディアクエリで実現できます。

@media all and (max-width: 1000px) {
    #header {
        position: static;
    }
}

3 に答える 3