position:fixed

fixedした要素の横スクロールに対応する

ヘッダーを固定したい場合、position: fixed;を使用するが、position: fixed;をかけた要素は横方向にも固定され、スクロールバーでの移動に対応できない。 その為、JavaScriptでウィンドウのスクロールを監視し、fixedした要素のleftを設定する。 スタイルシート(ヘッダー固定) body { min-width: 980px; } #header { positi […]