はてブPocketCSSの[position:fixed]で要素を固定すると、ブラウザ幅がコンテンツ幅を下回った際に固定している要素だけ横スクロールしてくれません。最近のWEBサイトはほとんどレスポンシブ対応なので、該当するケースは少ないと思いますが、古いサイトを改修する時にハマったので備忘録兼Tipsとして紹介します。私を含め、ほとんどの方が要素に[overflow-x:scroll]など入れてみたりすると思いますが、[position:fixed]はそんなことではビクともしません(笑)対処方法としては、JavaScriptを利用します。横スクロール発生時に[position:fixed]が適用されている部分のleft値が変わるようにすれば、leftが0pxで固定されないためスクロールできるようになります。【画像】発想がスゴイ!中国に建てられた「世界最大の空気清浄機」が想像以上のスケールだったComment返信をキャンセルする。【疑問】スマートフォン(タブレット)の充電1回にかかる電気代っていくら?【随時更新】新型コロナウイルス(新型肺炎)感染症対策のまとめ2020年のギャンブル業界におけるモバイルアプリ開発の動向ColorOS(OPPO端末)でLINEやGmailアプリの通知が届かない時の対応方法AUTHOR著者:Turkey某システム会社のホームページ担当。好きなものはハワイとゲームとスノーボード。ブログ名のWeberNote[ウェバーノート]は「Web屋のノート」という意味でつけました。