<header>ヘッダー</header>
<main>
    縦横に長いコンテンツ
</main>
<footer>フッター</footer>

縦スクロール時には、全ての要素がスクロールに追従して表示位置が変わる（通常の動作）。
横スクロール時には、main 部分はスクロールに追従して表示位置が変わるが、「ヘッダー」と「フッター」の横位置は固定（スクロールしない）。
このようなレイアウトは可能でしょうか？

main に overflow-x: auto、または overflow-x: scroll を設定することで希望に近いことは実現できるのですが、横スクロールバーが main 要素の下に表示されるので、横スクロールするためにはいったん縦スクロールする必要があるため不便です。スクロールバーはあくまでページのスクロールバーを使いたいです。